1、结束时间不能小于开始时间,开始时间不能大于结束时间
<div class="commonTimeDiv"></div><div class="commonTimeDiv"></div>var startTime='-12-01';var endTime='-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、效果
【小5聊】layui基础之时间控件开始时间和结束时间的控制 结束时间不能小于开始时间 开始时间不能大于结束时间