纯原生js的移动端日期插件,不依赖任何库,体积非常小只有10k
用法
在html页面中引入input标签,通过自定义属性data-lcalendar控制最小日期和最大日期,写法如下:
...
<input name="input_date" readonly="readonly" type="text" placeholder="请输入日期" data-lcalendar="2000-01-01,2018-01-29" />
...
将样式文件引入到页面中:
...
<link rel="stylesheet" href="LCalendar.css">
...
同时引入js文件到页面中:
...
<script src="LCalendar.js"></script>
...
初始化插件:
... var calendar = new LCalendar(); calendar.init({ 'trigger': '#demo1',//标签id 'type': 'date',//date 调出日期选择 datetime 调出日期时间选择 time 调出时间选择 ym 调出年月选择 'minDate':'1900-1-1',//最小日期 注意:该值会覆盖标签内定义的日期范围 'maxDate':'2016-3-18'//最大日期 注意:该值会覆盖标签内定义的日期范围 }); ...
项目地址:https://github.com/xfhxbb/LCalendar
-END-