layui.laydate 动态设置最大值最小值,有开始时间和结束时间的

layui.laydate 动态设置最大值最小值

一般设置最大、最小值是这么设置的,直接给max赋值一个字符串

laydate.render({
	elem: '#beginTime',
	type: 'datetime',
	btns: ['confirm','clear'],
	format: 'yyyy-MM-dd HH:mm:ss',
	max:'2020-01-01 12:00:00'
}

但是现在有一个需求,就是页面有一个开始时间,一个结束时间,要求选择完开始时间后,再选择结束时间不能比开始时间早。选择结束时间同理,那么就不能直接写死一个字符串了。因为layui.laydate无法重新渲染。
修改如下:

let begT = laydate.render({
		elem: '#beginTime',
		type: 'datetime',
		btns: ['confirm','clear'],
		format: 'yyyy-MM-dd HH:mm:ss',
		done: function(value, date, endDate) {
		    endT.config.min={
		        year:date.year,
		        month:date.month-1,
		        date:date.date,
		        hours:date.hours,
		        minutes:date.minutes,
		        seconds:date.seconds
            }
		}
});

let endT = laydate.render({
            elem: '#endTime',
            type: 'datetime',
            btns: ['confirm','clear'],
            format: 'yyyy-MM-dd HH:mm:ss',
            done: function(value, date, endDate) {
                begT.config.max={
                    year:date.year,
                    month:date.month-1,
                    date:date.date,
                    hours:date.hours,
                    minutes:date.minutes,
                    seconds:date.seconds
                }
            }
        });

亲测可用,希望对大家有帮助。

上一篇:mvc 数据验证金钱格式decimal格式验证


下一篇:Git 教程(三):仓库与分支