由于苦于没有找到好用的开始日期和结束日期限制的日历工具,偶然间遇到了这个,感觉很实用,所以记录了下来,方便以后随时查阅使用。
laydate.render({
elem: '#test1', //指定元素
type:'datetime', //可选择:年月日时分秒
format: 'yyyy/MM/dd HH:mm:ss', //时间格式
min: -0, //最小日期为当前日期的前一天
max: '2222-06-16 23:59:59', //最大日期
theme: '#393D49' //自定义主题颜色
});
这是基本的样式,type里面的date设置日期,time设置时分秒。
1、我有两个input框,需要限制开始日期和结束日期:
<input placeholder="开始日期" class="" id="beginTime" name="">
<input placeholder="结束日期" class="" id="endTime" name="">
//开始时间
var start = laydate.render({
elem: '#beginTime',
type:'