解决layui时间控件清空之后无法正常使用的问题,以及时间范围的选择
<强>共有两种解决方式:
<强> html代码:
& lt; div类=發ayui-inline”比;
& lt; div类=發ayui-input-inline”比;
& lt;输入类型=拔谋尽?皊tart_time”类名=" layui-input " id=皊tart_time”
占位符="开始时间(修改时间)”在
& lt;/div>
& lt;/div>
& lt; div类=發ayui-inline”比;
& lt; div类=發ayui-input-inline”比;
& lt;输入类型=拔谋尽?癳nd_time”类名=" layui-input " id=癳nd_time”
占位符="结束时间(修改时间)”在
& lt;/div>
& lt;/div>
<强> js代码:
var={开始
istime:没错,
格式:“YYYY-MM-DD hh: mm: ss”,
马克斯:“2099-06-16 23:59:59”,
就是今天:没错,
选择:函数(数据){
结束。min=数据;//开始日选好后,重置结束日的最小日期
}
};
var={结束
istime:没错,
格式:“YYYY-MM-DD hh: mm: ss”,
马克斯:“2099-06-16 23:59:59”,
就是今天:没错,
选择:函数(数据){
开始。max=数据;//结束日选好后,重置开始日的最大日期
}
};
. getelementbyid (“start_time”)。onclick=function () {
开始。elem=;
laydate(开始);
};
. getelementbyid (“end_time”)。onclick=function () {
结束。elem=;
laydate(结束);
};
<强> html代码
& lt; div类=發ayui-inline”比;
& lt; div类=發ayui-input-inline”比;
& lt;输入类型=拔谋尽?皊tart_time”类名=" layui-input " id=皊tart_time”
占位符="开始时间(修改时间)”在
& lt;/div>
& lt;/div>
& lt; div类=發ayui-inline”比;
& lt; div类=發ayui-input-inline”比;
& lt;输入类型=拔谋尽?癳nd_time”类名=" layui-input " id=癳nd_time”
占位符="结束时间(修改时间)”在
& lt;/div>
& lt;/div>
<强> js代码
layui。使用((“laydate”)、功能(){
var=layui。美元;
var laydate=layui.laydate;
.valueOf var nowTime=new日期()();
var max=零;
var=laydate.render({开始
elem:“# start_time ',
类型:datetime,
马克斯:nowTime,
btn:“清楚”,“确认”,
完成:函数(价值、日期){
endMax=end.config.max;
end.config。min=日期;
end.config.min。月=日期。月1;
}
});
var=laydate.render({结束
elem:“# end_time ',
类型:datetime,
马克斯:nowTime,
完成:函数(价值、日期){
如果($ .trim(值)=="){
var curDate=new日期();
日期={“日期”:curDate.getDate(),“月”:curDate.getMonth() + 1,“年”:curDate.getFullYear ()};
}
start.config。max=日期;
start.config.max。月=日期。月1;
}
});
根据开始时间动态限制结束时间知识点
类型:datetime,是带时分秒的日期是不带时分秒的
layui。使用(laydate,函数(){/*躺(“.layui-input”) . each(函数(){
laydate.render ({
elem:这
触发:“点击”
变化:功能(价值、日期、endDate) {
console.log(价值);//得到日期生成的值,如:2017-08-18
console.log(日期);//得到日期时间对象:{:2017年,月:8日日期:18日,时间:0分钟:0秒:0}
console.log (endDate);//得结束的日期时间对象,开启范围选择(范围:真正的)才会返回。对象成员同上。
}
});
});*/var=layui。美元;
var laydate=layui.laydate;
.valueOf var nowTime=new日期()();
var max=零;
var=laydate.render({开始
elem:“# start_time ',
类型:datetime,
btn:“清楚”,“确认”,
完成:函数(价值、日期){
endMax=end.config.max;
end.config。min=日期;
end.config.min。月=日期。月1;
},
变化:函数(价值、日期、endDate) {
var timestamp2=日期。解析(新日期(值));
timestamp2=timestamp2/1000;
end.config。min=timestamp2;
end.config.min。月=日期。月1;
}
});
var=laydate.render({结束
elem:“# end_time ',
类型:“日期”,
完成:函数(价值、日期){
控制台。日志("======" +日期);
如果($ .trim(值)=="){
var curDate=new日期();
日期={“日期”:curDate.getDate(),“月”:curDate.getMonth() + 1,“年”:curDate.getFullYear ()};
}
start.config。max=日期;
start.config.max。月=日期。月1;
}
});
});
