简单说明

可定义是否可以选择过期日期
日历列表、年份选择支持左右滑动切换月份、年份。

选择列表

左右滑动切换

月份选择

年份选择

左右滑动切换年份列表

使用方法

引入该项目中的 CSS样式和JS文件

<link rel="stylesheet" href="src/calendar.min.css">

引入JS文件方法有两种：

方法一：模块化引入JS文件

<script src="xx/sea.js"></script>
<script>
    seajs.use('./src/calendar');
</script>

方法二：普通引入JS文件

<script src="src/calendar.js"></script>

在<input />标签上定义class属性值为 "calendars"

<input type="text" class="calendars" />

可选参数定义说明

参数直接定义在标签上面

定义年份列表中开始年份： start="2008"，默认开始为"1915"年

<input class="calendars" type="text" start="2008" />

定义年份列表中结束年份： end="2030"，默认为"2020"年

<input class="calendars" type="text" end="2030" />

定义可选的起始日期： start-date="2015/3/6"，默认为当前日期

<input class="calendars" type="text" start-date="2015/3/6" />

定义是否不可选过期日期： past, 默认可选过期的日期

<input class="calendars" type="text" past />

定义是否可选时间： hours, 默认不可选时间

<input class="calendars" type="text" hours />

定义是否不可选过期时间： hours-past，默认可选过期时间
该属性只有当你定义了hours 属性才会生效

<input class="calendars" type="text" hours hours-past />

定义日期的显示格式： format, 默认为 "yyyy/mm/dd" , 支持任意分割符(分隔符必须为长度为1的非数字字符)

y:年 m:月 d:日

<input class="calendars" type="text" format="yyyy-mm-dd" />

format实例:
"yyyy-mm-dd"    => 2016-09-02
"y-m-d"         => 2016-9-2
"yyyy年m月d日"   => 2016年9月3日
"yyyy年mm月dd日" => 2016年09月03日
...

定义指定禁用的日期属性： shield="[2015/3/8, 2015/3/9]"

<input class="calendars" type="text" shield="[2015/3/8, 2015/3/9]" />