版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
html
<div class=" layui-form-item">
<label class="layui-form-label">开始时间<span style="color: red"> *</span> </label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="start" >
</div>
</div>
<div class=" layui-form-item">
<label class="layui-form-label">结束时间<span style="color: red"> *</span> </label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="end" >
</div>
</div>
js
//开始时间为当前时间,其实就是设置开始时间的最小时间为当前时间
// 设置最小可选的日期
function minDate(){
var now = new Date();
var month= now.getMonth()+1;
month= month<10?('0'+month):month;
var day=now.getDate();
day=day<10?('0'+day):day; //替换2019-1-1为2019-01-01
console.log(now.getFullYear()+"-" +month+ "-" + day);
return now.getFullYear()+"-" +month+ "-" + day;
}
layui.use(['layer', 'form', 'laydate'], function () {
var form = layui.form,
laydate = layui.laydate,
layer = layui.layer,
date=new Date();
//日期选择器
var startDate=laydate.render({//开始时间
elem: '#start',
type: 'date',
format:'yyyy-MM-dd',
min:minDate(),
trigger: 'click', //采用click弹出
value:date,
choose:function(data){
console.log(data);
},
done: function(value, date){
console.log(value); //得到日期生成的值,如:2017-08-18
console.log(date); //得到日期时间对象:{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
endDate.config.min ={
year:date.year,
month:date.month-1, //关键
date: date.date
};
}
});
//日期选择器
var endDate=laydate.render({//结束时间
elem: '#end',
type: 'date',
format:'yyyy-MM-dd',
min:minDate(),
trigger: 'click', //采用click弹出
value:date,
choose:function(){
console.log(data);
},
done: function(value, date){
console.log(value); //得到日期生成的值,如:2017-08-18
console.log(date); //得到日期时间对象:{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
startDate.config.max={
year:date.year,
month:date.month-1,//关键
date: date.date
};
}
});
});
总结by https://blog.csdn.net/qq_35979073/article/details/79746539 ,侵删