js实现时间日期校验
本文实例为大家分享了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 }; };
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
赞 (0)