layui 日期重置_layui前段框架日期控件使用方法详解

本文实例为大家分享了layui-日期控件的实现代码，供大家参考，具体内容如下

日期

目前Layui中的日期组件还是layDate 1.1的改良版，它后续将会进行一次重写。

顺便列举几个常用例子

范围选择

layui.use('laydate', function(){

var laydate = layui.laydate;

var start = {

min: laydate.now()

,max: '2099-06-16 23:59:59'

,istoday: false

,choose: function(datas){

end.min = datas; //开始日选好后，重置结束日的最小日期

end.start = datas //将结束日的初始值设定为开始日

}

};

var end = {

min: laydate.now()

,max: '2099-06-16 23:59:59'

,istoday: false

,choose: function(datas){

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

}

};

document.getElementById('LAY_demorange_s').onclick = function(){

start.elem = this;

laydate(start);

}

document.getElementById('LAY_demorange_e').onclick = function(){

end.elem = this

laydate(end);

}

});

效果图：

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