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与CSS写在同一个文件里的书写方法
Jun 02 Javascript
javascript与CSS复习(三)
Jun 29 Javascript
js完美的div拖拽实例代码
Jan 22 Javascript
一张表格告诉你windows.onload()与$(document).ready()的区别
May 16 Javascript
JS实现网页上随滚动条滚动的层效果代码
Nov 04 Javascript
关于js函数解释(包括内嵌,对象等)
Nov 20 Javascript
BootStrap3使用错误记录及解决办法
Dec 22 Javascript
Node.js编写CLI的实例详解
May 17 Javascript
Vue-cli Eslint在vscode里代码自动格式化的方法
Feb 23 Javascript
Node.js中package.json中库的版本号(~和^)
Apr 02 Javascript
vue3.0 搭建项目总结(详细步骤)
May 20 Javascript
解决axios post 后端无法接收数据的问题
Oct 29 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编程实现获取excel文档内容的代码实例
2011/06/28 PHP
ThinkPHP实现将本地文件打包成zip下载
2014/06/26 PHP
php解决DOM乱码的方法示例代码
2016/11/20 PHP
TP(thinkPHP)框架多层控制器和多级控制器的使用示例
2018/06/13 PHP
Laravel timestamps 设置为unix时间戳的方法
2019/10/11 PHP
Javascript 获取链接(url)参数的方法
2009/02/15 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
2012/11/24 Javascript
jquery打开直接跳到网页最下面、最低端实现代码
2013/04/22 Javascript
利用JS解决ie6不支持max-width,max-height问题的方法
2014/01/02 Javascript
Jquery遍历checkbox获取选中项value值的方法
2014/02/13 Javascript
详解Node.js包的工程目录与NPM包管理器的使用
2016/02/16 Javascript
jQuery实现无限往下滚动效果代码
2016/04/16 Javascript
js将table的每个td的内容自动赋值给其title属性的方法
2016/10/13 Javascript
微信小程序 定义全局数据、函数复用、模版等详细介绍
2016/10/27 Javascript
jQuery.datatables.js插件用法及api实例详解
2016/10/28 Javascript
jQuery实现导航高亮的方法【附demo源码下载】
2016/11/09 Javascript
详解Javascript中DOM的范围
2017/02/13 Javascript
bootstrap select插件封装成Vue2.0组件
2017/04/17 Javascript
vue.js评论发布信息可插入QQ表情功能
2017/08/08 Javascript
Vue2.0 http请求以及loading展示实例
2018/03/06 Javascript
node.js微信小程序配置消息推送的实现
2019/02/13 Javascript
Vue中CSS动画原理的实现
2019/02/13 Javascript
详解关于html,css,js三者的加载顺序问题
2019/04/10 Javascript
django js 实现表格动态标序号的实例代码
2019/07/12 Javascript
理解Proxy及使用Proxy实现vue数据双向绑定操作
2020/07/18 Javascript
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能
2021/02/23 Vue.js
python循环定时中断执行某一段程序的实例
2019/06/29 Python
python 实现单通道转3通道
2019/12/03 Python
Python函数的迭代器与生成器的示例代码
2020/06/18 Python
python3 googletrans超时报错问题及翻译工具优化方案 附源码
2020/12/23 Python
模具专业推荐信
2013/10/30 职场文书
教育孩子心得体会
2014/01/01 职场文书
领导班子四风表现材料
2014/08/23 职场文书
2015年质检工作总结
2015/05/04 职场文书
Nginx如何获取自定义请求header头和URL参数详解
2022/07/23 Servers
Java获取字符串编码格式实现思路
2022/09/23 Java/Android