JQuery_验证时间段,起始时间必须小于截至时间 JQuery插件
2016-04-07 10:21
736 查看
前端时间写了个简单的 JQuery验证时间段的插件,起始时间必须小于等于截至时间
函数原型
function validateTimePeriod(begin,end)
begin,end 可以为DOM对象,也可以为JQuery对象。
返回值:
true: 起始时间小于截至时间
false: 不满足起始时间小于等于截至时间
函数源码:
调用示例:
需要用到的知识
1.JavaScript 的 Date对象
http://blog.csdn.net/u010003835/article/details/51075163
2.JQuery与DOM对象之间的相互转换
http://blog.csdn.net/u010003835/article/details/51083427
判断是否是JQuery对象
函数原型
function validateTimePeriod(begin,end)
begin,end 可以为DOM对象,也可以为JQuery对象。
返回值:
true: 起始时间小于截至时间
false: 不满足起始时间小于等于截至时间
函数源码:
// 查询校验,校验起始时间必须小于截至时间 function validateTimePeriod(begin, end) { if (!(begin instanceof jQuery)) { begin = $(begin); } if (!(end instanceof jQuery)) { end = $(end); } var beginString = new String(begin.val()); var endString = new String(end.val()); if (!(beginString == null || beginString == '') && !(endString == null || endString == '')) { // alert(beginString instanceof String); //JavaScripy判断一个对象是否是String类型 // alert(typeof beginString); //typeof String 类型 返回的是 Object // //转换为JavaScript日期类型 // var bArray = beginString.split(/[- :]/); // var beginTime = new Date(bArray[0], bArray[1]-1, bArray[2], // bArray[3], bArray[4]); // var eArray = endString.split(/[- :]/); // var endTime= new Date(eArray[0], eArray[1]-1, eArray[2], eArray[3], // eArray[4]); var beginTime = new Date(beginString); var endTime = new Date(endString); if (beginTime <= endTime) { return true; } else { return false; } } return true; }
调用示例:
$("#search").click(function(){ var result = validateTimePeriod(document.getElementById("startTime"),$("#endTime")); //验证是否起始时间小于等于截至时间 if(result!=true){ tipsTimePeriod($("#timePeriodTips"),"请确保起始时间小于截至时间"); return false; } });
需要用到的知识
1.JavaScript 的 Date对象
http://blog.csdn.net/u010003835/article/details/51075163
2.JQuery与DOM对象之间的相互转换
http://blog.csdn.net/u010003835/article/details/51083427
判断是否是JQuery对象
if(!(begin instanceof jQuery)){ begin = $(begin); }
相关文章推荐
- jQuery EasyUI使用教程之根据条件更换数据网格行背景颜色
- JQuery_JavaScript DOM与JQuery对象的相互转换
- jQuery动态添加<input type="file">
- jquery中ajax的远程请求jsonp学习
- jQuery 属性操作 - removeAttr() 方法
- jQuery ajax - serialize() 方法
- 自己写一个jQuery垂直滚动栏插件(panel)
- JQuery 中的AJAX事件
- jquery编写Tab选项卡滚动导航切换特效
- jQuery实现简单滚动动画效果
- jQuery ajax serialize()方法的使用以及常见问题解决
- jQuery的ajax实现登录验证
- jQuery实现简单滚动动画效果
- jquery编写Tab选项卡滚动导航切换特效
- jQuery动态添加<input type="file">
- jquery插件的编写
- jQuery--捕获键盘敲击
- jQuery学习笔记 —— 1. 选择器
- JQuery中的$符号的作用----网摘
- 前端生成二维码 jquery.qrcode.js