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 '結束時間不能小於開始時間'; } } });
按以上的寫法就可以做到開始時間不得小於結束時間了。
