js實現(xiàn)時間日期校驗
更新時間:2020年05月26日 17:16:21 作者:時光@飛逝TL
這篇文章主要為大家詳細介紹了js實現(xiàn)時間日期校驗,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了js實現(xiàn)時間日期校驗的具體代碼,供大家參考,具體內(nèi)容如下
1. 通用的時間校驗方式
$.validator.addMethod("validatestart", function(value, element) { var start = new Date($('#startTime').val()).getTime(); var end = new Date($('#endTime').val()).getTime(); if(end < start){ return false; }else{ return true; } }, "開始時間必須小于結(jié)束時間!"); $.validator.addMethod("validateend", function(value, element) { var start = new Date($('#startTime').val()).getTime(); var end = new Date($('#endTime').val()).getTime(); if(end < start){ return false; }else{ return true; } }, "結(jié)束時間必須大于開始時間!");
2. 如果用的laydate組件,也可以用以下的方法
var startTime = ""; var endTime = ""; startTime = laydate.render({ elem : '#startTime', type : 'datetime', trigger: 'click', //使觸發(fā)方式為click,解決一閃而過的問題 change: function(value, dates, edate){ //實現(xiàn)雙擊可選中 $(".layui-laydate").find("td[class='layui-this']").dblclick(function(){ $(".layui-laydate").remove(); $("#startTime").val(value); endTimeControl(date); //控制結(jié)束時間的最小值 }); }, done : function(value, date){ endTimeControl(date); } }); endTime = laydate.render({ elem : '#endTime', type : 'datetime', trigger: 'click', //使觸發(fā)方式為click,解決一閃而過的問題 change: function(value, dates, edate){ //實現(xiàn)雙擊可選中 $(".layui-laydate").find("td[class='layui-this']").dblclick(function(){ $(".layui-laydate").remove(); $("#endTime").val(value); startTimeControl(date); }); }, done : function(value, date){ startTimeControl(date); } }); /** 結(jié)束時間控制 */ function endTimeControl(date){ endTime.config.min = { year: date.year, month: date.month - 1, date: date.date, hours: 0, minutes: 0, seconds: 0 }; }; /** 開始時間控制 */ function startTimeControl(date){ startTime.config.max = { year: date.year, month: date.month - 1, date: date.date, hours: 0, minutes: 0, seconds: 0 }; };
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
JS監(jiān)聽微信、支付寶等移動app及瀏覽器的返回、后退、上一頁按鈕的事件方法
這篇文章主要介紹了JS監(jiān)聽微信、支付寶等移動app及瀏覽器的返回、后退、上一頁按鈕的事件方法,需要的朋友可以參考下2016-08-08IE6下javasc#ipt:void(0) 無效的解決方法
本篇文章主要是對IE6下javasc#ipt:void(0) 無效的解決方法進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12JavaScript對象數(shù)組如何按指定屬性和排序方向進行排序
這篇文章主要介紹了JavaScript對象數(shù)組如何按指定屬性和排序方向進行排序的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-06-06微信小程序?qū)隫ant報錯VM292:1 thirdScriptError的解決方法
這篇文章主要給大家介紹了關于微信小程序?qū)隫ant報錯VM292:1 thirdScriptError的解決方法,文中通過示例代碼介紹的非常詳細,對大家學習或者使用微信小程序具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧2019-08-08