這篇文章主要講解了js實現時間日期校驗的代碼詳解，內容清晰明了，對此有興趣的小伙伴可以學習一下，相信大家閱讀完之后會有幫助。
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;
}
}, "開始時間必須小于結束時間！");
$.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;
}
}, "結束時間必須大于開始時間！");2. 如果用的laydate組件，也可以用以下的方法
var startTime = "";
var endTime = "";
startTime = laydate.render({
elem : '#startTime',
type : 'datetime',
trigger: 'click', //使觸發方式為click，解決一閃而過的問題
change: function(value, dates, edate){ //實現雙擊可選中
$(".layui-laydate").find("td[class='layui-this']").dblclick(function(){
$(".layui-laydate").remove();
$("#startTime").val(value);
endTimeControl(date); //控制結束時間的最小值
});
},
done : function(value, date){
endTimeControl(date);
}
});
endTime = laydate.render({
elem : '#endTime',
type : 'datetime',
trigger: 'click', //使觸發方式為click，解決一閃而過的問題
change: function(value, dates, edate){ //實現雙擊可選中
$(".layui-laydate").find("td[class='layui-this']").dblclick(function(){
$(".layui-laydate").remove();
$("#endTime").val(value);
startTimeControl(date);
});
},
done : function(value, date){
startTimeControl(date);
}
});
/** 結束時間控制 */
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
};
};看完上述內容，是不是對js實現時間日期校驗的代碼詳解有進一步的了解，如果還想學習更多內容，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
