layui表单选择时间_layUI 表单开始时间小于结束时间控制

layUI 表单开始时间小于结束时间控制

layUI对于两个独立的时间输入框是没有谁小鱼谁的控制方法的，需要手写，具体代码如下所示：

开始时间：

结束时间：

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

var laydate = layui.laydate;

$ = layui.$;

laydate.render({

elem: '#startT', //对应表单开始输入框的id

type: 'datetime' ,// 年月日时分秒类型的 ，还有其他类型的(time：时分秒，date：年月日等)，不写type属性默认年月日类型

done: function () {

var startDate = new Date($('#startT').val());

var endDate = new Date($('#endT').val());

if(startDate!=null){

if(endDate!=null){

if (endDate < startDate) {

layer.closeAll();

layer.msg('结束时间不能小于开始时间');

}

}

}

}

});

laydate.render({

elem: '#endT', //对应表单结束输入框的id

type: 'datetime',

done: function () {

var startDate = new Date($('#startT').val());

var endDate = new Date($('#endT').val());

if(startDate!=null){

if(endDate!=null){

if (endDate < startDate) {

layer.closeAll();

layer.msg('结束时间不能小于开始时间');

}

}

}

}

});

});

pass：开始时间和结束时间的地要进行判断，因为不确定先选择填写开始时间还是结束时间；

《END》