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

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

  • 相关阅读:
    大象起舞:用PostgreSQL解海盗分金问题
    python 导入模块
    python socket 发送ESB报文
    python socket超时
    ISCC2018部分WriteUp
    查看SQL执行计划的方法及优劣
    jquery遮罩层
    IE9 JS不执行,打开F12就没问题了
    BigDecimal 01
    BigDecimal 01
  • 原文地址:https://www.cnblogs.com/yanghr/p/13023545.html
Copyright © 2011-2022 走看看