zoukankan      html  css  js  c++  java
  • 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 '结束时间不能小于开始时间';
    
                        }
                    }
                });

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

  • 相关阅读:
    哈希值
    webpack配置(二)
    点击input选中文本
    height:calc(100%
    -webkit-overflow-scrolling
    字符串转数组
    gulp报错160
    webpack配置(一)
    移动端ios中click点击失效
    Spring定时器Quartz的用法
  • 原文地址:https://www.cnblogs.com/yanghr/p/13023545.html
Copyright © 2011-2022 走看看