这篇文章主要讲解了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进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。