黑马程序员技术交流社区

标题: 【上海校区】移动端日期选择插件rolldate [打印本页]

---

作者: 不二晨    时间: 2018-8-20 09:47
标题: 【上海校区】移动端日期选择插件rolldate
开发日期选择插件的原因，一是基于移动端设计的日期选择插件确实不多，二是大多支持的日期格式不够丰富，也不够灵活，这在多变的项目需求中，无疑是捉襟见肘的。

rolldate效果图
​

支持丰富的日期格式，比如年月、年月日、年月日时分、年月日时分秒，后续还可以扩展其他格式，并且通过一系列回调函数，你可以把日期修改为任意的格式展示，实现日期判断等。
由于有上一版本的积累，rolldate在开发之初就有了完整的设计方案，下面为思维导图设计

​
插件详细的参数如上方思维导图所示，这里就不过多解释。
使用方式
commonJs
var rolldate = require('rolldate');new rolldate.Date({  el:'#date'})复制代码require.js
require(['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('插件运行结束');    }})




【转载】
链接：https://juejin.im/post/5b78499051882542a82b86e7

---

作者: 梦缠绕的时候    时间: 2018-8-21 16:26

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2