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


Posted in Javascript onMarch 22, 2014

对于开始时间小于结束时间的判断可以参考,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>
Javascript 相关文章推荐
基于node.js的快速开发透明代理
Dec 25 Javascript
关于javascript function对象那些迷惑分析
Oct 24 Javascript
js String对象中常用方法小结(字符串操作)
Jan 27 Javascript
关于JS中的闭包浅谈
Aug 23 Javascript
jQuery的观察者模式详解
Dec 22 Javascript
jQuery使用之处理页面元素用法实例
Jan 19 Javascript
JavaScript微信定位功能实现方法
Nov 29 Javascript
react-router实现跳转传值的方法示例
May 27 Javascript
seaJs使用心得之exports与module.exports的区别实例分析
Oct 13 Javascript
JS实现返回上一页并刷新页面的方法分析
Jul 16 Javascript
javascript移动端 电子书 翻页效果实现代码
Sep 07 Javascript
jquery实现烟花效果(面向对象)
Mar 10 jQuery
js过滤特殊字符输入适合输入、粘贴、拖拽多种情况
Mar 22 #Javascript
jquery获取复选框被选中的值
Mar 22 #Javascript
纯JS实现根据CSS的class选择DOM
Mar 22 #Javascript
使用JS取得焦点(focus)元素代码
Mar 22 #Javascript
查找Oracle高消耗语句的方法
Mar 22 #Javascript
利用JavaScript检测CPU使用率自己写的
Mar 22 #Javascript
JSONP跨域的原理解析及其实现介绍
Mar 22 #Javascript
You might like
smarty模板引擎中内建函数if、elseif和else的使用方法
2015/01/22 PHP
php在apache环境下实现gzip配置方法
2015/04/02 PHP
Javascript里使用Dom操作Xml
2007/01/22 Javascript
JavaScript 替换Html标签实现代码
2009/10/14 Javascript
浅析JavaScript中的CSS属性及命名规范
2013/11/28 Javascript
判断文件是否正在被使用的JS代码
2013/12/21 Javascript
javascript修改IMG标签的src问题
2014/03/28 Javascript
jQuery实现带延迟效果的滑动菜单代码
2015/09/02 Javascript
node.js微信公众平台开发教程
2016/03/04 Javascript
Bootstrap基本布局实现方法详解
2016/11/25 Javascript
windows下vue-cli及webpack搭建安装环境
2017/04/25 Javascript
vue-cli常用设置总结
2018/02/24 Javascript
原生JS实现前端本地文件上传
2018/09/08 Javascript
Node.js Buffer模块功能及常用方法实例分析
2019/01/05 Javascript
JS数组splice操作实例分析
2019/10/12 Javascript
详解Nuxt.js 实战集锦
2019/11/19 Javascript
JavaScript使用百度ECharts插件绘制饼图操作示例
2019/11/26 Javascript
解决idea开发遇到javascript动态添加html元素时中文乱码的问题
2020/09/29 Javascript
python动态监控日志内容的示例
2014/02/16 Python
python创建线程示例
2014/05/06 Python
深入学习python的yield和generator
2016/03/10 Python
python编写暴力破解zip文档程序的实例讲解
2018/04/24 Python
python控制nao机器人身体动作实例详解
2019/04/29 Python
学python安装的软件总结
2019/10/12 Python
判断Threading.start新线程是否执行完毕的实例
2020/05/02 Python
python相对企业语言优势在哪
2020/06/12 Python
Spy++的使用方法及下载教程
2021/01/29 Python
全方位了解CSS3的Regions扩展
2015/08/07 HTML / CSS
Html5 FileReader实现即时上传图片功能实例代码
2014/09/01 HTML / CSS
使用phonegap进行提示操作的具体方法
2017/03/30 HTML / CSS
怀旧香味蜡烛:Homesick
2019/11/02 全球购物
介绍一下Linux内核的排队自旋锁
2014/08/27 面试题
排序都有哪几种方法?请列举。用JAVA实现一个快速排序
2014/02/16 面试题
师范应届生求职信
2013/11/15 职场文书
中学后勤工作总结2015
2015/07/22 职场文书
mysql性能优化以及配置连接参数设置
2022/05/06 MySQL