layui 日期框开始日期和结束日期不能超过当前时间 并且开始时间不能超结束时间
程序员文章站
2022-03-20 23:28:39
开始时间 :
结束时间 :<......
<div class="layui-col-xs2">
开始时间 :<input type="text" name="start_date" id="start_date" placeholder="开始时间" autocomplete="off" style="width: 50%;height: 25px">
</div>
<div class="layui-col-xs2">
结束时间 :<input type="text" name="end_date" id="end_date" placeholder="结束时间" autocomplete="off" style="width: 50%;height: 25px">
</div>
layui.use(['form', 'layedit', 'laydate'], function(){
var form = layui.form
,layer = layui.layer
,layedit = layui.layedit
,laydate = layui.laydate;
//日期
var start_date = laydate.render({
elem: '#start_date'
,format:'yyyy-MM-dd'
,max : nowFormatDate()
,done:function(value,date,startDate){
end_date.config.min = {
year: date.year,
month: date.month - 1,
date: date.date,
hours: date.hours,
minutes: date.minutes,
seconds: date.seconds
}
}
});
var end_date = laydate.render({
elem: '#end_date'
,format:'yyyy-MM-dd'
,max : nowFormatDate()
,done:function(value,date,startDate){
start_date.config.max = {
year: date.year,
month: date.month - 1,
date: date.date,
hours: date.hours,
minutes: date.minutes,
seconds: date.seconds
}
}
});
function nowFormatDate() {
var date = new Date(new Date()-1000*60*60*24);
var seperator1 = "-";
var seperator2 = ":";
var month = date.getMonth() + 1;
var strDate = date.getDate();
if (month >= 1 && month <= 9) {
month = "0" + month;
}
if (strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
var currentdate = date.getFullYear() + seperator1 + month
+ seperator1 + strDate
return currentdate;
}
});
本文地址:https://blog.csdn.net/qq_39313596/article/details/107481444
推荐阅读
-
layui 日期框开始日期和结束日期不能超过当前时间 并且开始时间不能超结束时间
-
使用layui日期控件laydate对开始和结束时间进行联动控制的方法
-
elementUI中日期时间插件(DateTimePicke) 限制结束时间大于开始时间且开始时间小于当前时间
-
vue element-ui date-picker 日期选择器控件 设置时间范围 限制可选的开始时间和结束时间
-
HP实现计算一年多少个星期,返回一个星期的开始时间和结束时间(可选返回时间戳或日期)
-
js通过开始时间和结束时间计算出中间的所有日期
-
PHP日期时间运用九:获取某年某周的开始和结束日期
-
layui 日期框开始日期和结束日期不能超过当前时间 并且开始时间不能超结束时间
-
PHP日期时间运用九:获取某年某周的开始和结束日期