对于开始时间小于结束时间的判断可以参考,jquery easyui里的ValidateBox进行判断
好吧!直接上代码
1 2 3 4 5 |
查看内容:按时间: <input class="easyui-datetimebox" style="width: 180px" id="start2" value="${startTime}"> <span class="newfont06">至</span> <input class="easyui-datetimebox" style="width: 180px" id="end2" value="${endTime}" validType="md['#start2']"> <input name="Submit4" type="button" class="right-button02" value="查 询" onclick="query2('${pid}');" id="query"/> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<script type="text/javascript"> var varify;//用于查询验证,验证开始时间是否小于结束时间 function query2(pid){ if(varify){ startTime2 = $('#start2').datetimebox('getValue'); endTime2 = $('#end2').datetimebox('getValue'); window.location.href="listPagingArticle?pid="+pid+"&pageNumber=1&start="+startTime2+"&end="+endTime2; }else{ $.messager.alert('警告','结束时间要大于开始时间','warning'); } } $.fn.datebox.defaults.formatter = function(date){//对于时间格式的转换 var y = date.getFullYear(); var m = fullnum(date.getMonth()+1); var d = fullnum(date.getDate()); return y+'-'+m+'-'+d; }; function fullnum(obj){//对于月小于10格式的转换,因为Timestamp转换必须是2013-01-04这种格式 if(Number(obj) < 10){ return '0' + obj; }else{ return obj; } } $.extend($.fn.validatebox.defaults.rules, {//验证开始时间小于结束时间 md: { validator: function(value, param){ startTime2 = $(param[0]).datetimebox('getValue'); var d1 = $.fn.datebox.defaults.parser(startTime2); var d2 = $.fn.datebox.defaults.parser(value); varify=d2>d1; return varify; }, message: '结束时间要大于开始时间!' } }) </script> |