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 相关文章推荐
基于jquery的一个OutlookBar类,动态创建导航条
Nov 19 Javascript
jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
Nov 10 Javascript
js下拉菜单语言选项简单实现
Sep 23 Javascript
jquery 3D 标签云示例代码
Jun 12 Javascript
jQuery中prev()方法用法实例
Jan 08 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
Jul 06 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
May 09 Javascript
Vue.js实现文章评论和回复评论功能
May 30 Javascript
轻松理解vue的双向数据绑定问题
Oct 30 Javascript
微信小程序自动客服功能
Nov 02 Javascript
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
nuxt 自定义 auth 中间件实现令牌的持久化操作
Nov 05 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采用curl模仿用户登陆新浪微博发微博的方法
2014/11/07 PHP
php实现快速对二维数组某一列进行组装的方法小结
2019/12/04 PHP
用jscript实现列出安装的软件列表
2007/06/18 Javascript
js数组去重的常用方法总结
2014/01/24 Javascript
JavaScript strike方法入门实例(给字符串加上删除线)
2014/10/17 Javascript
JavaScript阻止浏览器返回按钮的方法
2015/03/18 Javascript
JavaScript常用标签和方法总结
2015/09/01 Javascript
JavaScript基本的输出和嵌入式写法教程
2015/10/20 Javascript
基于jquery步骤进度条源码分享
2015/11/12 Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
2015/12/05 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
2016/02/18 Javascript
jQuery 弹出层插件(推荐)
2016/05/24 Javascript
JavaScript仿flash遮罩动画效果
2016/06/15 Javascript
Angular使用Md5加密的解决方法
2017/09/16 Javascript
vue组件与复用详解
2018/04/08 Javascript
Angular Renderer (渲染器)的具体使用
2018/05/03 Javascript
js技巧之十几行的代码实现vue.watch代码
2018/06/09 Javascript
JS中使用new Option()实现时间联动效果
2018/12/10 Javascript
JS实现头条新闻的经典轮播图效果示例
2019/01/30 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
2019/04/17 Javascript
微信小程序仿通讯录功能
2020/04/09 Javascript
python模块简介之有序字典(OrderedDict)
2016/12/01 Python
python如何解析配置文件并应用到项目中
2019/06/27 Python
python 反编译exe文件为py文件的实例代码
2019/06/27 Python
详解Django定时任务模块设计与实践
2019/07/24 Python
python 字典有序并写入json文件过程解析
2019/09/30 Python
Scrapy中如何向Spider传入参数的方法实现
2020/09/28 Python
一款基于css3麻将筛子3D翻转特效的实例教程
2014/12/31 HTML / CSS
亚马逊西班牙购物网站:amazon西班牙
2017/03/06 全球购物
西班牙英格列斯百货法国官网:El Corte Inglés法国
2017/07/09 全球购物
aden + anais英国官网:美国婴儿贴身用品品牌
2019/09/08 全球购物
电子专业毕业生自我鉴定
2014/01/22 职场文书
舞蹈教师自荐信
2014/01/27 职场文书
利用ajax+php实现商品价格计算
2021/03/31 PHP
CSS的class与id常用的命名规则
2021/05/18 HTML / CSS
win10如何开启ahci模式?win10开启ahci模式详细操作教程
2022/07/23 数码科技