Skip to content

19900623/LCalendar

This branch is 25 commits behind xfhxbb/LCalendar:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Mar 18, 2016
01c9b65 · Mar 18, 2016

History

77 Commits
Mar 18, 2016
Mar 18, 2016
Mar 18, 2016
Mar 2, 2016
Jan 8, 2016
Mar 18, 2016
Mar 18, 2016

Repository files navigation

LCalendar v1.5移动端日期时间选择控件

纯原生js的移动端日期插件,不依赖任何库,体积非常小只有10k ##用法 在html页面中引入input标签,通过自定义属性data-lcalendar控制最小日期和最大日期,写法如下:

...
<input type="text" readonly="" name="input_date" 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'//最大日期 注意:该值会覆盖标签内定义的日期范围
});
...

调用起来非常简单,代码我后续会持续优化,如果喜欢希望赏颗星哦。

About

LCalendar移动端日期时间选择控件

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 86.2%
  • HTML 13.8%