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 '结束时间不能小于开始时间';

                    }
                }
            });

按以上的写法就可以做到开始时间不得小于结束时间了。

posted @ 2020-06-01 09:46  miracle2  阅读(1433)  评论(0编辑  收藏  举报