A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

开发日期选择插件的原因,一是基于移动端设计的日期选择插件确实不多,二是大多支持的日期格式不够丰富,也不够灵活,这在多变的项目需求中,无疑是捉襟见肘的。

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



1 个回复

倒序浏览
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马