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
}
}
});
亲测可用,希望对大家有帮助。