河南建设部网站,网站制作 网站,wordpress1.0,网站建设费入rolldate为上一版jquery移动端时间插件的全新版本#xff0c;目前保留了上一版的大部分功能#xff0c;并且增加了回调函数#xff0c;以及主题风格选取#xff0c;最重要的是解决了上一版本的遗留问题#xff0c;依赖jquery、滑动不够流畅、参数设计不够合理等等。开发日…rolldate为上一版jquery移动端时间插件的全新版本目前保留了上一版的大部分功能并且增加了回调函数以及主题风格选取最重要的是解决了上一版本的遗留问题依赖jquery、滑动不够流畅、参数设计不够合理等等。开发日期选择插件的原因一是基于移动端设计的日期选择插件确实不多二是大多支持的日期格式不够丰富也不够灵活这在多变的项目需求中无疑是捉襟见肘的。
rolldate效果图
支持丰富的日期格式比如年月、年月日、年月日时分、年月日时分秒后续还可以扩展其他格式并且通过一系列回调函数你可以把日期修改为任意的格式展示实现日期判断等。
由于有上一版本的积累rolldate在开发之初就有了完整的设计方案下面为思维导图设计
插件详细的参数如上方思维导图所示这里就不过多解释。
使用方式
commonJs
var rolldate require(rolldate);
new rolldate.Date({el:#date
})require.jsrequire([rolldate],function(rolldate){new rolldate.Date({el:#date})
})browser(浏览器直接引入)new rolldate.Date({el:#date
})
完整调用示例new rolldate.Date({el: #date,format: YYYY-MM-DD,beginYear: 2000,endYear: 2100,theme: blue,tapBefore: function(el) {console.log(插件开始触发);},moveEnd: function(el, iscroll) {console.log(滚动结束);},confirmBefore: function(el, date) {console.log(确定按钮触发);},confirmEnd: function(el, date) {console.log(插件运行结束);}
})
演示地址(下方附二维码)rolldatepc端建议使用手机模式打开
下载地址https://github.com/weijhfly/rolldate
如果你发现bug或者有更好的建议欢迎在下方的评论区评论告知不胜感激。
