注:请在移动端查看效果。
纯原生js的移动端日期插件,不依赖任何库,体积非常小只有10k
用法
在html页面中引入input标签,通过自定义属性data-lcalendar控制最小日期和最大日期,写法如下:
1 2 3 | ... < input type = "text" readonly = "" name = "input_date" placeholder = "请输入日期" data-lcalendar = "2000-01-01,2018-01-29" /> ... |
将样式文件引入到页面中:
1 2 3 | ... < link rel = "stylesheet" href = "LCalendar.css" > ... |
同时引入js文件到页面中:
1 2 3 | ... <script src= "LCalendar.js" ></script> ... |
初始化插件:
1 2 3 4 5 6 7 8 9 | ... var calendar = new LCalendar(); calendar.init({ 'trigger' : '#demo1' , //标签id 'type' : 'date' , //date 调出日期选择 datetime 调出日期时间选择 time 调出时间选择 ym 调出年月选择 'minDate' : '1900-1-1' , //最小日期 注意:该值会覆盖标签内定义的日期范围 'maxDate' : '2016-3-18' //最大日期 注意:该值会覆盖标签内定义的日期范围 }); ... |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com