iceDate日期时间选择
iceDate是一款简约风格的js日期插件,iceui出品,纯原生JavaScript开发,体型十分娇小,无任何依赖,只需一个js文件
可自由选择年、月、日、时、分、秒,满足平常日期选择开发需求
简约的唯美设计,简洁、极速!iceui官方群:324415936
QQ群:324415936
查看:626348
下载:77029
版本:1.1.3
更新:2022-06-11
标准时间
只选择年份
只选择月份
只选择日期
只选择时间
默认设置一个时间
ice.date-时间日期插件
使用说明
该插件需要绑定input的id来启动,方法名称为ice.date,传参为json,具体如下
ice.date传参,具体如下
json | 类型 | 是否必须 | 说明 |
---|---|---|---|
id | string | 必须 | input的唯一id,用来实例化插件 |
view | string | 可选 | 类型选择,有效值为year(年份选择)、month(月份选择)、day(日期选择)、时间(时间选择) |
format | string | 可选 | 格式化,默认为(y-m-d h:i:s)格式,使用选择器view时,请使用此项 |
func | function(e) | 可选 | 确认的回调函数,返回一个对象集合,elem:当前的input对象,time:格式化后的时间,date:时间对象,timestamp:时间戳 |
yearFunc | function(e) | 可选 | 选择年份后的回调函数,返回一个对象集合,elem:当前的input对象,time:格式化后的时间,date:时间对象,timestamp:时间戳 |
monthFunc | function(e) | 可选 | 选择月份后的回调函数,返回一个对象集合,elem:当前的input对象,time:格式化后的时间,date:时间对象,timestamp:时间戳 |
dayFunc | function(e) | 可选 | 选择日期后的的回调函数,返回一个对象集合,elem:当前的input对象,time:格式化后的时间,date:时间对象,timestamp:时间戳 |
代码示例
/** * 传参为json格式,参数如下 * ├ id {id} input的id * ├ format {string} 时间格式 * ├ view {string} 默认视图 * ├ func {function} 确认的回调函数 * ├ yearFunc {function} 选择年份后的回调函数 * ├ monthFunc {function} 选择月份后的回调函数 * └ dayFunc {function} 选择日期后的的回调函数 * * 回调函数:func yearFunc monthFunc dayFunc 返回的参数如下: * ├ elem 当前的input对象 * ├ time 格式化后的时间 * ├ date 时间对象 * └ timestamp 时间戳 */ //该时间模块为date,方法名称为iceDate,通过ice的use方法引入该模块,也可以单独引入date.js使用 //标准时间 ice.date({id:'time',func:function(e){ alert(e.time); }}); //年份选择 ice.date({id:'yTime',view:'year'}); //月份选择 ice.date({id:'mTime',view:'month'}); //日期选择 ice.date({id:'dTime',view:'day'}); //时间选择 ice.date({id:'tTime',view:'time'});