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》