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 '結束時間不能小於開始時間';

                    }
                }
            });

按以上的寫法就可以做到開始時間不得小於結束時間了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM