Layui结束时间不能小于开始时间
1、使用layui日期选择器的时候,如果包括开始时间和结束时间,可以添加一个表单验证,规定开始时间不得小于结束时间、以达到正常的业务需求。
<div class="layui-inline"> <label class="layui-form-label">开始时间</label> <div class="layui-input-inline"> <input type="text" name="startTime" class="layui-input" id="startTime" placeholder="yyyy-MM-dd" lay-verify="required" /> </div> </div> <div class="layui-inline"> <label class="layui-form-label">结束时间</label> <div class="layui-input-inline"> <input type="text" name="endTime"class="layui-input" id="endTime" placeholder="yyyy-MM-dd" lay-verify="required|confirmData" /> </div> </div>
2、验证
form.verify({ confirmData:function(value){ var startDate = new Date($('#startTime').val()).getTime(); var endTime = new Date(value).getTime(); if(endTime < startDate) { return '结束时间不能小于开始时间'; } } });
按以上的写法就可以做到开始时间不得小于结束时间了。