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

 更新时间:2014年03月22日 17:09:08   作者:  
对于开始时间小于结束时间的判断可以参考,jquery easyui里的ValidateBox进行判断,需要的朋友可以参考下
对于开始时间小于结束时间的判断可以参考,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>

相关文章

  • 2种jQuery 实现刮刮卡效果

    2种jQuery 实现刮刮卡效果

    这篇文章主要介绍了2种jQuery 实现刮刮卡效果,需要的朋友可以参考下
    2015-02-02
  • jQuery实现鼠标滚动图片延迟加载效果附源码下载

    jQuery实现鼠标滚动图片延迟加载效果附源码下载

    本文给大家分享jquery技术实现图片延时加载效果,本特效没有使用专门的图片延迟加载插件,只需要一小段jQuery代码就实现了图片延迟加载,使用非常方便,需要的朋友可以下载源码
    2016-06-06
  • jQuery插件的写法分享

    jQuery插件的写法分享

    这几天在学习jQuery插件的写法,搜索了一些资料,包括jQuery官方的示例,但发现描述的并不是很清晰。最后,终于搜索到一篇讲解比较清晰的文章,这里自己总结了一下,并以一个具体的示例来说明jQuery插件的写法
    2013-06-06
  • jquery 圆角遮罩图片实现图片圆角

    jquery 圆角遮罩图片实现图片圆角

    用jquery实现的图片圆角效果代码。
    2009-05-05
  • jQuery EasyUI Draggable拖动组件

    jQuery EasyUI Draggable拖动组件

    这篇文章主要为大家详细介绍了jQuery EasyUI Draggable拖动组件的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • jQuery实现提交表单时不提交隐藏div中input的方法

    jQuery实现提交表单时不提交隐藏div中input的方法

    这篇文章主要介绍了jQuery实现提交表单时不提交隐藏div中input的方法,结合实例形式分析了通过设置input的disabled属性实现隐藏input提交的操作技巧,需要的朋友可以参考下
    2019-10-10
  • 用jquery模仿的a的title属性(兼容ie6/7)

    用jquery模仿的a的title属性(兼容ie6/7)

    用jQuery实现的模仿a的title属性的例子,在测试的时候ie6,7上出现了层次混乱,不过最终解决了,代码书写很详细,感兴趣的朋友可以了解下哦
    2013-01-01
  • js/jquery判断浏览器类型的方法小结

    js/jquery判断浏览器类型的方法小结

    有些时候需要根据浏览器来写样式,所以要判断一下浏览器类型,百度了一下,才知道JQuery有个方法直接判断,并附上原生的js的判断方法,分享给大家,有需要的小伙伴可以参考下。
    2015-05-05
  • jQuery实现tab选项卡效果的方法

    jQuery实现tab选项卡效果的方法

    这篇文章主要介绍了jQuery实现tab选项卡效果的方法,实例分析了jquery实现tab选项卡切换效果的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • jQuery实现防止提交按钮被双击的方法

    jQuery实现防止提交按钮被双击的方法

    这篇文章主要介绍了jQuery实现防止提交按钮被双击的方法,涉及jQuery针对鼠标按键的操作技巧以及preventDefault方法对元素默认行为的修改技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03

最新评论