1 Star 7 Fork 2

冰优 / iceDate

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

iceDate日期选择js插件

官方

介绍

iceDate是一款简约风格的js日期插件,纯原生JavaScript开发,整个插件只有一个js文件,无任何依赖,不需要引用jQuery、css……等文件,极致精简,体型娇小,简约的唯美设计,简洁、极速! 可自由选择年、月、日、时、分、秒,满足平常日期选择开发需求。

优点

  • 纯原生开发,无任何依赖,冰清玉洁
  • 响应式布局,适应任何分辨率的设备
  • 整个代码不到30k
  • 简约的唯美设计,简洁、极速

最新更新

iceDate v1.1.3

  • 2020-08-01
  • [增加] 时间选择的回调函数timeFunc
  • 2020-06-28
  • [修复] format参数造成undefined的BUG

使用

<!-- input需要指定一个唯一id -->
<!-- 标准时间 -->
<input type="text" id="time" placeholder="Y-M-D H:I:S" class="iceDate-icon"/>

<!-- 年月日选择 -->
<input type="text" id="ymdTime" placeholder="年月日选择" class="iceDate-icon"/>

<!-- 年份选择 -->
<input type="text" id="yTime" placeholder="年份选择" class="iceDate-icon"/>

<!-- 月份选择 -->
<input type="text" id="mTime" placeholder="年份选择" class="iceDate-icon"/>

<!-- 日期选择 -->
<input type="text" id="dTime" placeholder="日期选择" class="iceDate-icon"/>

<!-- 时间选择 -->
<input type="text" id="tTime" placeholder="时间选择" class="iceDate-icon"/>
//标准时间
ice.date({id:'time'});

//年月日选择
//format参数:y=年 m=月 d=日 h=时 i=分 s=秒
ice.date({id:'ymdTime',format:'y-m-d'});

//年份选择
ice.date({id:'yTime',view:'year'});

//月份选择
ice.date({id:'mTime',view:'month'});

//日期选择
ice.date({id:'dTime',view:'day'});

//时间选择
ice.date({id:'tTime',view:'time'});

参数设置

/**
 * 传参为json格式,参数如下
 *  ├ id        {id}       input的id
 *  ├ format    {string}   时间格式 y=年 m=月 d=日 h=时 i=分 s=秒  例如:y-m-d 格式化为 2020-04-13
 *  ├ view      {string}   默认视图
 *  ├ func      {function} 确认的回调函数
 *  ├ yearFunc  {function} 选择年份后的回调函数
 *  ├ monthFunc {function} 选择月份后的回调函数
 *  ├ dayFunc   {function} 选择日期后的的回调函数
 *  └ timeFunc  {function} 选择时间后的的回调函数
 *
 * 回调函数:func yearFunc monthFunc dayFunc 返回的参数如下:
 *	├ elem 当前的input对象
 *	├ time 格式化后的时间
 *	├ date 时间对象
 *	└ timestamp 时间戳
 */

//例如:
ice.date({id:'time',func:function(e){
	alert(e.time);
}});

空文件

简介

iceDate是一款简约风格的js日期插件,纯原生JavaScript开发,整个插件只有一个js文件,无任何依赖,不需要引用jQuery、css……等文件,极致精简,体型娇小,简约的唯美设计,简洁、极速! 可自由选择年、月、日、时、分、秒,满足平常日期选择开发需求。 展开 收起
JavaScript 等 2 种语言
取消

发行版 (1)

全部

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/iceui/iceDate.git
git@gitee.com:iceui/iceDate.git
iceui
iceDate
iceDate
master

搜索帮助