本文实例为大家分享了js实现时间日期校验的具体代码，供大家参考，具体内容如下
1. 通用的时间校验方式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;

}
}, "结束时间必须大于开始时间！");
$.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组件，也可以用以下的方法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

};
};
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

};
};以上就是本文的全部内容，希望对大家的学习有所帮助。