jquery easyui 對(duì)于開(kāi)始時(shí)間小于結(jié)束時(shí)間的判斷示例
更新時(shí)間：2014年03月22日 17:09:08 作者：
對(duì)于開(kāi)始時(shí)間小于結(jié)束時(shí)間的判斷可以參考,jquery easyui里的ValidateBox進(jìn)行判斷,需要的朋友可以參考下
對(duì)于開(kāi)始時(shí)間小于結(jié)束時(shí)間的判斷可以參考,jquery easyui里的ValidateBox進(jìn)行判斷
好吧!直接上代碼
查看內(nèi)容：按時(shí)間：
<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;//用于查詢驗(yàn)證,驗(yàn)證開(kāi)始時(shí)間是否小于結(jié)束時(shí)間
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('警告','結(jié)束時(shí)間要大于開(kāi)始時(shí)間','warning');
}
}
$.fn.datebox.defaults.formatter = function(date){//對(duì)于時(shí)間格式的轉(zhuǎn)換
var y = date.getFullYear();
var m = fullnum(date.getMonth()+1);
var d = fullnum(date.getDate());
return y+'-'+m+'-'+d;
};
function fullnum(obj){//對(duì)于月小于10格式的轉(zhuǎn)換,因?yàn)門imestamp轉(zhuǎn)換必須是2013-01-04這種格式
if(Number(obj) < 10){
return '0' + obj;
}else{
return obj;
} }
$.extend($.fn.validatebox.defaults.rules, {//驗(yàn)證開(kāi)始時(shí)間小于結(jié)束時(shí)間
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: '結(jié)束時(shí)間要大于開(kāi)始時(shí)間！'
}
})
</script>
好吧!直接上代碼
復(fù)制代碼 代碼如下:
查看內(nèi)容：按時(shí)間：
<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"/>
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var varify;//用于查詢驗(yàn)證,驗(yàn)證開(kāi)始時(shí)間是否小于結(jié)束時(shí)間
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('警告','結(jié)束時(shí)間要大于開(kāi)始時(shí)間','warning');
}
}
$.fn.datebox.defaults.formatter = function(date){//對(duì)于時(shí)間格式的轉(zhuǎn)換
var y = date.getFullYear();
var m = fullnum(date.getMonth()+1);
var d = fullnum(date.getDate());
return y+'-'+m+'-'+d;
};
function fullnum(obj){//對(duì)于月小于10格式的轉(zhuǎn)換,因?yàn)門imestamp轉(zhuǎn)換必須是2013-01-04這種格式
if(Number(obj) < 10){
return '0' + obj;
}else{
return obj;
} }
$.extend($.fn.validatebox.defaults.rules, {//驗(yàn)證開(kāi)始時(shí)間小于結(jié)束時(shí)間
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: '結(jié)束時(shí)間要大于開(kāi)始時(shí)間！'
}
})
</script>
相關(guān)文章
這篇文章主要介紹了jQuery可見(jiàn)性過(guò)濾選擇器用法,結(jié)合實(shí)例形式分析了jQuery針對(duì)元素hidden屬性的過(guò)濾操作相關(guān)技巧,需要的朋友可以參考下2016-09-09
jQuery EasyUI API 中文文檔 - Form表單
jQuery EasyUI API 中文文檔 - Form表單,使用jQuery EasyUI的朋友可以參考下。2011-10-10
這篇文章主要為大家詳細(xì)介紹了jQuery+HTML5加入購(gòu)物車的實(shí)現(xiàn)代碼，功能很齊全，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-08-08
基于jQuery實(shí)現(xiàn)的無(wú)刷新表格分頁(yè)實(shí)例
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)的無(wú)刷新表格分頁(yè)方法,結(jié)合完整實(shí)例形式較為詳細(xì)的分析了jQuery實(shí)現(xiàn)無(wú)刷新表格分頁(yè)的具體步驟與相關(guān)實(shí)現(xiàn)代碼,需要的朋友可以參考下2016-02-02
用jquery實(shí)現(xiàn)點(diǎn)擊欄目背景色改變
用jquery如何實(shí)現(xiàn)點(diǎn)擊一欄目實(shí)現(xiàn)欄目變色，再點(diǎn)擊另一欄目也變色，但原來(lái)的變回原色,本文提供解決方法，需要了解的朋友可以參考下2012-12-12
這篇文章向大家推薦20款效果非常棒的 jQuery 插件。jQuery 是一個(gè)非常優(yōu)秀的JavaScript庫(kù)，它簡(jiǎn)化了 HTML 文檔遍歷，事件處理，動(dòng)畫(huà)以及 Ajax 交互，同時(shí)也改變了很多人編寫(xiě) JavaScript 代碼的方式2011-11-11
PHP+jQuery+Ajax實(shí)現(xiàn)多圖片上傳效果
我們?cè)诒疚闹杏玫揭粋€(gè)Ajax表單提交插件：jqery.form.js，有高人修改了幾行代碼并改名為：jquery.wallform.js，直接拿來(lái)用。下面我們就來(lái)看看這款神奇的jQuery插件吧。2015-03-03
jquery中通過(guò)過(guò)濾器獲取表單元素的實(shí)現(xiàn)代碼
通過(guò)過(guò)濾器可以獲取特定的表單元素，如非輸入項(xiàng)目或者單選按鈕的已選項(xiàng)目等元素，可用的2011-07-07
這篇文章介紹了jQuery中獲取Radio元素值的方法，有需要的朋友可以參考一下2013-07-07
position方法獲取匹配元素相對(duì)父元素的偏移。接下來(lái)通過(guò)本文給大家分享jQuery Position方法使用和兼容性的相關(guān)知識(shí)，感興趣的朋友一起看看吧2017-08-08