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 相关文章推荐
一个简单的JS鼠标悬停特效具体方法
Jun 17 Javascript
JS、CSS以及img对DOMContentLoaded事件的影响
Aug 12 Javascript
js实现带关闭按钮始终显示在网页最底部工具条的方法
Mar 02 Javascript
jQuery实现本地预览上传图片功能
Jan 08 Javascript
js实现异步循环实现代码
Feb 16 Javascript
js+html5实现复制文字按钮
Jul 15 Javascript
shiro授权的实现原理
Sep 21 Javascript
微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
Dec 05 Javascript
基于vue cli重构多页面脚手架过程详解
Jan 23 Javascript
js for终止循环 跳出多层循环
Oct 04 Javascript
vue.js实现会动的简历(包含底部导航功能,编辑功能)
Apr 08 Javascript
Vue项目开发常见问题和解决方案总结
Sep 11 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实现的click captcha点击验证码类实例
2014/09/23 PHP
Zend Framework缓存Cache用法简单实例
2016/03/19 PHP
PHP数组遍历的几种常见方式总结
2019/02/15 PHP
两种方法实现文本框输入内容提示消失
2013/03/17 Javascript
按下Enter焦点移至下一个控件的实现js代码
2013/12/11 Javascript
JavaScript获取当前页面上的指定对象示例代码
2014/02/28 Javascript
jquery制作漂亮的弹出层提示消息特效
2014/12/23 Javascript
Javascript中的高阶函数介绍
2015/03/15 Javascript
简单分析javascript面向对象与原型
2015/05/21 Javascript
[原创]jQuery常用的4种加载方式分析
2016/07/25 Javascript
利用AngularJs实现京东首页轮播图效果
2016/09/08 Javascript
微信小程序 使用picker封装省市区三级联动实例代码
2016/10/28 Javascript
jQuery延迟执行的实现方法
2016/12/21 Javascript
canvas红包照片实例分享
2017/02/28 Javascript
JavaScript初学者必看“new”
2017/06/12 Javascript
vue input输入框关键字筛选检索列表数据展示
2020/10/26 Javascript
通过javascript实现扫雷游戏代码实例
2020/02/09 Javascript
[01:17]Ti4 循环赛第一日回顾
2014/07/11 DOTA
[01:31:03]DOTA2完美盛典全回顾 见证十五项大奖花落谁家
2017/11/28 DOTA
[01:51]历届DOTA2国际邀请赛举办地回顾 TI9落地上海
2018/08/26 DOTA
python命令行参数解析OptionParser类用法实例
2014/10/09 Python
举例讲解Python中的算数运算符的用法
2015/05/13 Python
Python如何通过subprocess调用adb命令详解
2017/08/27 Python
python如何实现int函数的方法示例
2018/02/19 Python
Django框架实现的简单分页功能示例
2018/12/04 Python
Python实现爬取马云的微博功能示例
2019/02/16 Python
在keras 中获取张量 tensor 的维度大小实例
2020/06/10 Python
8款使用 CSS3 实现超炫的 Loading(加载)的动画效果
2015/03/17 HTML / CSS
First Aid Beauty官网:FAB急救面霜
2018/05/24 全球购物
申请任职学生会干部自荐书范文
2014/02/13 职场文书
家庭贫困证明
2014/09/23 职场文书
感恩节寄语2015
2015/03/24 职场文书
新闻稿件写作范文
2015/07/18 职场文书
redis使用不当导致应用卡死bug的过程解析
2021/07/01 Redis
Nginx 反向代理解决跨域问题多种情况分析
2022/01/18 Servers
Netty分布式客户端接入流程初始化源码分析
2022/03/25 Java/Android