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 相关文章推荐
window.open关于浏览器拦截问题分析及解决方法
Feb 05 Javascript
JavaScript中消除闭包的一般方法介绍
Mar 16 Javascript
jQuery检测某个元素是否存在代码分享
Jul 09 Javascript
jQuery mobile 移动web(4)
Dec 20 Javascript
简单谈谈json跨域
Mar 13 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
Sep 05 Javascript
javascript加载xml 并解析各节点的值(实现方法)
Oct 12 Javascript
jQuery validata插件实现方法
Jun 25 jQuery
webpack开发跨域问题解决办法
Aug 03 Javascript
JS实现为动态创建的元素添加事件操作示例
Mar 17 Javascript
vue的传参方式汇总和router使用技巧
May 22 Javascript
微信小程序云开发实现增删改查功能
May 17 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
地球防卫队:陪着奥特曼打小怪兽的人类力量 那些经典队服
2020/03/08 日漫
叫你如何修改Nginx与PHP的文件上传大小限制
2014/09/10 PHP
Zend Framework教程之Zend_Form组件实现表单提交并显示错误提示的方法
2016/03/21 PHP
在Laravel中使用GuzzleHttp调用第三方服务的API接口代码
2019/10/15 PHP
js获取变量
2006/08/24 Javascript
javascript:void(0)是什么意思示例介绍
2013/11/17 Javascript
javascript中为某个元素指定事件的三种方式
2014/08/07 Javascript
Javascript基础知识(一)核心基础语法与事件模型
2014/09/29 Javascript
jquery实现华丽的可折角广告代码
2015/09/02 Javascript
jquery操作select元素和option的实例代码
2016/02/03 Javascript
JS操作xml对象转换为Json对象示例
2017/03/25 Javascript
简单谈谈React中的路由系统
2017/07/25 Javascript
微信小程序request请求后台接口php的实例详解
2017/09/20 Javascript
React组件中的this的具体使用
2018/02/28 Javascript
jQuery实现遍历XML节点和属性的方法示例
2018/04/29 jQuery
vue slots 组件的组合/分发实例
2018/09/06 Javascript
vscode下的vue文件格式化问题
2018/11/28 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
2019/07/19 Javascript
Vue实现点击显示不同图片的效果
2019/08/10 Javascript
JS错误处理与调试操作实例分析
2020/04/13 Javascript
JavaScript设计模式之策略模式实现原理详解
2020/05/29 Javascript
Vue实现指令式动态追加小球动画组件的步骤
2020/12/18 Vue.js
Vant+postcss-pxtorem 实现浏览器适配功能
2021/02/05 Javascript
Python编程之string相关操作实例详解
2017/07/22 Python
Python判断是否json是否包含一个key的方法
2018/12/31 Python
python实现简单加密解密机制
2019/03/19 Python
详细介绍pandas的DataFrame的append方法使用
2019/07/31 Python
Django文件存储 默认存储系统解析
2019/08/02 Python
一款纯css3实现的鼠标经过按钮特效教程
2014/11/09 HTML / CSS
浅谈html5 响应式布局
2014/12/24 HTML / CSS
SmartBuyGlasses台湾:名牌眼镜,名牌太阳眼镜及隐形眼镜
2017/01/04 全球购物
大学生预备党员自我评价分享
2013/11/16 职场文书
应届大学生求职信
2013/12/01 职场文书
心理学专业求职信
2014/06/16 职场文书
详解Python描述符的工作原理
2021/06/11 Python
python之django路由和视图案例教程
2021/07/26 Python