项目中常会用到时间选择器,但是找了一下layui的官方文档时间选择器是独立的存在,但是要实现end时间选择器max为start选择器最终选择时间,还需要在done(选中)事件做下一步处理
废话不多说。直接上代码
/**
* @description: layui的时间区间选择限值函数
* @param {start:开始时间选择器id,end:结束时间选择器id,}
* @return: min,max
*/
function TimeRange(start, end) {
layui.use('laydate', function() {
var laydate ,endDate ,startDate;
laydate = layui.laydate;
//设置开始时间日期范围
startDate = laydate.render({
elem: start,
max: 0, //设置一个默认最大值
done: function(value, date) {
endDate.config.min = {
year: date.year,
month: date.month - 1, //关键
date: date.date,
};
}
});
//设置结束时间日期范围
endDate = laydate.render({
elem: end, //选择器结束时间
min: "1970-1-1", //设置min默认最小值,
max: 0,
done: function(value, date) {
startDate.config.max = {
year: date.year,
month: date.month - 1, //关键
date: date.date,
}
}
});
});
}