在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
});
}
});
});