layDate日期控件使用方法详解

本文实例为大家分享了layDate日期控件的使用方法，供大家参考，具体内容如下

效果：

1.引入js文件

<script src="__PUBLIC__/laydate/laydate.js"></script>

2.初始化laydate控件

//日期

var start = {

elem: '#start_time',//选择ID为START的input
event:'click',
format: 'YYYY-MM-DD',//自动生成的时间格式
istime: true,//必须填入时间
istoday: false, //是否是当天
start: laydate.now(0,"YYYY-MM-DD"), //设置开始时间为当前时间

choose: function(datas){
end.min = datas; //开始日选好后，重置结束日的最小日期
end.start = datas //将结束日的初始值设定为开始日

}

};

var end = {

elem: '#end_time',
format: 'YYYY-MM-DD',
istime: true,
istoday: false,
start: laydate.now(0,"YYYY-MM-DD"),
choose: function(datas){

start.max = datas; //结束日选好后，重置开始日的最大日期

}
};

laydate(start);
laydate(end);

注意事项：用文本控件显示时间格式的时候，格式要和初始化的laydate保持一致，不然会出现。再次选择时间时，原始时间被清空。

value={$discount['start_time']|date='Y-m-d',###}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

• laydate如何根据开始时间或者结束时间限制范围
• layDate插件设置开始和结束时间
• laydate时间日历插件使用方法详解
• vue使用laydate时间插件的方法
• Angular4.0中引入laydate.js日期插件的方法教程
• laydate日历控件使用方法详解
• Bootstrap.css与layDate日期选择样式起冲突的解决办法
• laydate.js日期时间选择插件
• bootstrap laydate日期组件使用详解
• layui-laydate时间日历控件使用方法详解