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>

相关文章

  • jQuery可见性过滤选择器用法示例

    jQuery可见性过滤选择器用法示例

    这篇文章主要介绍了jQuery可见性过滤选择器用法,结合实例形式分析了jQuery针对元素hidden属性的过滤操作相关技巧,需要的朋友可以参考下
    2016-09-09
  • jQuery EasyUI API 中文文档 - Form表单

    jQuery EasyUI API 中文文档 - Form表单

    jQuery EasyUI API 中文文档 - Form表单,使用jQuery EasyUI的朋友可以参考下。
    2011-10-10
  • jQuery+HTML5加入购物车代码分享

    jQuery+HTML5加入购物车代码分享

    这篇文章主要为大家详细介绍了jQuery+HTML5加入购物车的实现代码,功能很齐全,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-08-08
  • 基于jQuery实现的无刷新表格分页实例

    基于jQuery实现的无刷新表格分页实例

    这篇文章主要介绍了基于jQuery实现的无刷新表格分页方法,结合完整实例形式较为详细的分析了jQuery实现无刷新表格分页的具体步骤与相关实现代码,需要的朋友可以参考下
    2016-02-02
  • 用jquery实现点击栏目背景色改变

    用jquery实现点击栏目背景色改变

    用jquery如何实现点击一栏目实现栏目变色,再点击另一栏目也变色,但原来的变回原色,本文提供解决方法,需要了解的朋友可以参考下
    2012-12-12
  • 20款效果非常棒的 jQuery 插件小结分享

    20款效果非常棒的 jQuery 插件小结分享

    这篇文章向大家推荐20款效果非常棒的 jQuery 插件。jQuery 是一个非常优秀的JavaScript库,它简化了 HTML 文档遍历,事件处理,动画以及 Ajax 交互,同时也改变了很多人编写 JavaScript 代码的方式
    2011-11-11
  • PHP+jQuery+Ajax实现多图片上传效果

    PHP+jQuery+Ajax实现多图片上传效果

    我们在本文中用到一个Ajax表单提交插件:jqery.form.js,有高人修改了几行代码并改名为:jquery.wallform.js,直接拿来用。下面我们就来看看这款神奇的jQuery插件吧。
    2015-03-03
  • jquery中通过过滤器获取表单元素的实现代码

    jquery中通过过滤器获取表单元素的实现代码

    通过过滤器可以获取特定的表单元素,如非输入项目或者单选按钮的已选项目等元素,可用的
    2011-07-07
  • jQuery中获取Radio元素值的方法

    jQuery中获取Radio元素值的方法

    这篇文章介绍了jQuery中获取Radio元素值的方法,有需要的朋友可以参考一下
    2013-07-07
  • jQuery Position方法使用和兼容性

    jQuery Position方法使用和兼容性

    position方法获取匹配元素相对父元素的偏移。接下来通过本文给大家分享jQuery Position方法使用和兼容性的相关知识,感兴趣的朋友一起看看吧
    2017-08-08

最新评论