DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery easyui 對於開始時間小於結束時間的判斷示例
jquery easyui 對於開始時間小於結束時間的判斷示例
編輯:JQuery特效代碼     
對於開始時間小於結束時間的判斷可以參考,jquery easyui裡的ValidateBox進行判斷
好吧!直接上代碼
. 代碼如下:
查看內容:按時間:
<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 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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved