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的tab切换效果代码[代码分离]
Apr 11 Javascript
在javascript中关于节点内容加强
Apr 11 Javascript
javascript中eval解析JSON字符串
Feb 27 Javascript
基于jQuery实现表格的查看修改删除
Aug 01 Javascript
使用Require.js封装原生js轮播图的实现代码
Jun 15 Javascript
jQuery实现 RadioButton做必选校验功能
Jun 15 jQuery
详解用node.js实现简单的反向代理
Jun 26 Javascript
vue-cli项目中怎么使用mock数据
Sep 27 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
Jun 25 Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
Oct 30 Javascript
Vue实现一个图片懒加载插件
Mar 11 Javascript
js闭包和垃圾回收机制示例详解
Mar 01 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中的多种序列化
2016/08/28 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
jscript之Read an Excel Spreadsheet
2007/06/13 Javascript
实现连缀调用的map方法(prototype)
2009/08/05 Javascript
JSQL  一个 web DB 的封装
2010/05/05 Javascript
JS+CSS 制作的超级简单的下拉菜单附图
2013/11/22 Javascript
Javascript浅谈之引用类型
2013/12/18 Javascript
jQuery插件kinMaxShow扩展效果用法实例
2015/05/04 Javascript
JavaScript获取两个数组交集的方法
2015/06/09 Javascript
jquery实现像栅栏一样左右滑出式二级菜单效果代码
2015/08/24 Javascript
JavaScript实现弹窗效果代码分析
2017/03/09 Javascript
Layui 设置select下拉框自动选中某项的方法
2018/08/14 Javascript
使用weixin-java-tools完成微信授权登录、微信支付的示例
2018/09/26 Javascript
详解微信小程序之scroll-view的flex布局问题
2019/01/16 Javascript
详解es6新增数组方法简便了哪些操作
2019/05/09 Javascript
angularjs1.X 重构controller 的方法小结
2019/08/15 Javascript
js实现简单页面全屏
2019/09/17 Javascript
Vue生命周期activated之返回上一页不重新请求数据操作
2020/07/26 Javascript
Python的高级Git库 Gittle
2014/09/22 Python
解决Python出现_warn_unsafe_extraction问题的方法
2016/03/24 Python
Python网络爬虫项目:内容提取器的定义
2016/10/25 Python
使用python 爬虫抓站的一些技巧总结
2018/01/10 Python
python 实现GUI(图形用户界面)编程详解
2019/07/17 Python
对Django中static(静态)文件详解以及{% static %}标签的使用方法
2019/07/28 Python
python判断变量是否为int、字符串、列表、元组、字典的方法详解
2020/02/13 Python
Python生成器next方法和send方法区别详解
2020/05/30 Python
CSS3实现多重边框的方法总结
2016/05/31 HTML / CSS
ProForm英国站点:健身房和健身器材网上商店
2019/06/05 全球购物
部门2014年度工作总结
2014/11/12 职场文书
浅谈:电影《孔子》观后感(范文)
2019/10/14 职场文书
《天净沙·秋思》教学反思三篇
2019/11/02 职场文书
如何利用python和DOS获取wifi密码
2021/03/31 Python
MySQL查询学习之基础查询操作
2021/05/08 MySQL
Python实战之疫苗研发情况可视化
2021/05/18 Python
Python内置数据结构列表与元组示例详解
2021/08/04 Python
解决linux下redis数据库overcommit_memory问题
2022/02/24 Redis