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 相关文章推荐
建立良好体验度的Web注册系统ajax
Jul 09 Javascript
javascript背投广告代码的完善
Apr 08 Javascript
jquery自定义类似$.ajax()的方法实现代码
Aug 13 Javascript
浅析JavaScript原型继承的陷阱
Dec 03 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
Feb 28 Javascript
JS替换字符串中字符即替换全部而不是第一个
Jun 04 Javascript
详解JavaScript中基于原型prototype的继承特性
May 05 Javascript
关于vue.js弹窗组件的知识点总结
Sep 11 Javascript
vue 多入口文件搭建 vue多页面搭建的实例讲解
Mar 12 Javascript
详解jQuery中的easyui
Sep 02 jQuery
Node.js API详解之 dns模块用法实例分析
May 15 Javascript
vue.js click点击事件获取当前元素对象的操作
Aug 07 Javascript
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
php中通过正则表达式下载内容中的远程图片的函数代码
2012/01/10 PHP
PHP小教程之实现双向链表
2014/06/12 PHP
Laravel基础-关于引入公共文件的两种方式
2019/10/18 PHP
Javascript 去除数组的重复元素
2010/05/04 Javascript
三种动态加载js的jquery实例代码另附去除js方法
2014/04/30 Javascript
node.js中的path.isAbsolute方法使用说明
2014/12/08 Javascript
基于JavaScript如何制作遮罩层对话框
2016/01/26 Javascript
举例说明JavaScript中的实例对象与原型对象
2016/03/11 Javascript
AngularJS表单验证中级篇(3)
2016/09/28 Javascript
Vue.js第四天学习笔记
2016/12/02 Javascript
基于JQuery和原生JavaScript实现网页定位导航特效
2017/04/03 jQuery
原生JS发送异步数据请求
2017/06/08 Javascript
js + css实现标签内容切换功能(实例讲解)
2017/10/09 Javascript
JS脚本实现网页自动秒杀点击
2018/01/11 Javascript
Node.Js中实现端口重用原理详解
2018/05/03 Javascript
js继承的这6种方式!(上)
2019/04/23 Javascript
JavaScript跳出循环的三种方法(break, return, continue)
2019/07/30 Javascript
vue实现配置全局访问路径头(axios)
2019/11/01 Javascript
[04:30]显微镜下的DOTA2第五期——拉比克
2013/09/26 DOTA
[01:03:59]2018DOTA2亚洲邀请赛3月30日 小组赛B组VGJ.T VS Secret
2018/03/31 DOTA
Windows下python3.6.4安装教程
2018/07/31 Python
python粘包问题及socket套接字编程详解
2019/06/29 Python
关于python导入模块import与常见的模块详解
2019/08/28 Python
Python中import导入不同目录的模块方法详解
2020/02/18 Python
Python如何将字符串转换为日期
2020/07/31 Python
基于Python实现下载网易音乐代码实例
2020/08/10 Python
固特异美国在线轮胎店:Goodyear Tire
2019/02/23 全球购物
土木工程专业个人求职信
2013/12/05 职场文书
教师节商场活动方案
2014/02/13 职场文书
cf收人广告词大全
2014/03/14 职场文书
同居协议书范本
2014/04/23 职场文书
读书活动总结
2014/04/28 职场文书
营销与策划实训报告
2014/11/05 职场文书
青年岗位能手事迹材料
2014/12/23 职场文书
酒店辞职书范文
2015/02/26 职场文书
2016年校长新年寄语
2015/08/17 职场文书