本文实例为大家分享了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 }; };
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问, 点击进行留言回复!!
2016年信息安全工程师综合知识第11-15题解析【建群网培信息安全工程师】
网友评论