代码拉取完成,页面将自动刷新
iceDate是一款简约风格的js日期插件,纯原生JavaScript开发,整个插件只有一个js文件,无任何依赖,不需要引用jQuery、css……等文件,极致精简,体型娇小,简约的唯美设计,简洁、极速! 可自由选择年、月、日、时、分、秒,满足平常日期选择开发需求。
<!-- 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);
}});
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型