jquery easyui 对于开始时间小于结束时间的判断示例

文章来源:http://www.poluoluo.com/jzxy/201403/268323.html

对于开始时间小于结束时间的判断可以参考,jquery easyui里的ValidateBox进行判断 

好吧!直接上代码 

jsp页面:

查看内容:按时间: 
<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"/> 
script脚本:
<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> 


你可能感兴趣的:(jquery easyui 对于开始时间小于结束时间的判断示例)