当前位置: 移动技术网 > IT编程>开发语言>JavaScript > jquery easyui 对于开始时间小于结束时间的判断示例

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

2018年03月30日  | 移动技术网IT编程  | 我要评论

对于开始时间小于结束时间的判断可以参考,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>

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网