1、结束时间不能小于开始时间,开始时间不能大于结束时间
<div class="commonTimeDiv"></div>
<div class="commonTimeDiv"></div>
var startTime='2019-12-01';
var endTime='2019-12-17';
function sTime() {
$(".commonTimeDiv").eq(0).html('<input type="text" name="startTime" id="startTime" placeholder="请选择开始日期范围" autocomplete="off" class="layui-input">');
layui.laydate.render({
value: startTime,
elem: '#startTime',
max: endTime, //默认最大值为当前日期
trigger: 'click', // 事件类型
theme: '#0aadff',
done: function (value, date, endDate) {
startTime = value;
eTime();
}
});
}
function eTime() {
$(".commonTimeDiv").eq(1).html('<input type="text" name="endTime" id="endTime" placeholder="请选择结束日期范围" autocomplete="off" class="layui-input">');
layui.laydate.render({
value: endTime,
elem: '#endTime',
min: startTime,
trigger: 'click', // 事件类型
theme: '#0aadff',
done: function (value, date, endDate) {
endTime = value;
sTime();
}
});
}
2、效果