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

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

  • 相关阅读:
    docker应用部署
    Netty实现WebSocket通信
    spring-mvc框架简单搭建
    spring-tx 事物
    spring注解及简单实用
    Spring Aop实现简单代码实现
    Jedis操作
    Proxy说明
    下载返回流
    向上捅破天,向下扎到根
  • 原文地址:https://www.cnblogs.com/yanghr/p/13023545.html
Copyright © 2011-2022 走看看