layuiAdmin修改时间范围选择bug
程序员文章站
2024-01-01 16:42:16
...
在layuiAdmin1.0版本中,在选定时间范围后,若清空结束时间,则会导致开始时间无法重新选择。
现奉上解决代码:
layui.config({
base: '../../../layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'laydate'], function(){
var laydate = layui.laydate;
//示例代码
//开始日期
/*var insStart = laydate.render({
elem: '#test-laydate-start'
,min: 0
,done: function(value, date){
//更新结束日期的最小日期
insEnd.config.min = lay.extend({}, date, {
month: date.month - 1
});
//自动弹出结束日期的选择器
insEnd.config.elem[0].focus();
}
});*/
//结束日期
/*var insEnd = laydate.render({
elem: '#test-laydate-end'
,min: 0
,done: function(value, date){
//更新开始日期的最大日期
insStart.config.max = lay.extend({}, date, {
month: date.month - 1
});
}
});*/
// 解决代码
//开始日期
var insStart = laydate.render({
elem: '#start_time'
, min: "1970-01-01"
, done: function (value, date) {
// console.log(value);
var endDate=date.month-1;
if(value.length==0){
date = {
year: 1970,
month: 1,
date: 1,
hours: 0,
minutes: 0,
seconds: 0,
};
}
//更新结束日期的最小日期
insEnd.config.min = lay.extend({}, date, {
month: endDate
});
//自动弹出结束日期的选择器
// insEnd.config.elem[0].focus();
}
});
//结束日期
var insEnd = laydate.render({
elem: '#end_time'
, max: "2079-12-31"
, done: function (value, date) {
// console.log(date);
var startDate=date.month-1;
if(value.length==0){
date= {
year: 2079,
month: 12,
date: 31,
hours: 23,
minutes: 59,
seconds: 59,
};
}
//更新开始日期的最大日期
insStart.config.max = lay.extend({}, date, {
month: startDate
});
}
});
});
推荐阅读