EasyUI Datebox 日期验证之开始日期小于结束时间


Posted in Javascript onMay 19, 2017

效果

EasyUI Datebox 日期验证之开始日期小于结束时间

创建建日期框

<div style="width:65px;"><label>选择时间:</label></div>
<div style="width:100px;" id="StartsTime">
   <div class="easyui-datebox" name="data" id="StartDate" style="height:26px;width:100px "></div>
 </div>
 <divstyle="width:110px;" id="EndTime">
   -
  <div class="easyui-datebox" type="text" name="data" id="EndDate" style="height:26px;width:100px " validType="end"></div>
</div>

 自定义easyui验证

//验证开始时间小于结束时间 
$.extend($.fn.validatebox.defaults.rules, {
  end: {
    validator: function (value, param) {
      var startDate = $("#StartsTime input").val();
      var startTmp = new Date(startDate.replace(/-/g, "/"));
      var endTmp = new Date(value.replace(/-/g, "/"));
      return startTmp <= endTmp;
    },
    message: '结束时间要大于开始时间!'
  }
})

以上所述是小编给大家介绍的EasyUI Datebox 日期验证之开始日期小于结束时间,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javaScript - 如何引入js代码
Mar 09 Javascript
ASP.NET MVC中EasyUI的datagrid跨域调用实现代码
Mar 14 Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
Nov 07 Javascript
toggle()隐藏问题的解决方法
Feb 17 Javascript
Javascript学习笔记之 对象篇(四) : for in 循环
Jun 24 Javascript
Angular ng-repeat 对象和数组遍历实例
Sep 14 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
Oct 21 Javascript
自带气泡提示的vue校验插件(vue-verify-pop)
Apr 07 Javascript
JavaScript解析任意形式的json树型结构展示
Jul 23 Javascript
微信小程序表单验证功能完整实例
Dec 01 Javascript
详解javascript 正则表达式之分组与前瞻匹配
May 30 Javascript
es6 symbol的实现方法示例
Apr 02 Javascript
javascript 开发之百度地图使用到的js函数整理
May 19 #Javascript
微信小程序表单验证错误提示效果
May 19 #Javascript
微信小程序实现滑动删除效果
May 19 #Javascript
微信小程序图片横向左右滑动案例
May 19 #Javascript
layui导航栏实现代码
May 19 #Javascript
详解AngularJS controller调用factory
May 19 #Javascript
layer弹窗插件操作方法详解
May 19 #Javascript
You might like
thinkPHP下的widget扩展用法实例分析
2015/12/26 PHP
php实现文件与16进制相互转换的方法示例
2017/02/16 PHP
PHP实现随机生成水印图片功能
2017/03/22 PHP
JavaScript this调用规则说明
2010/03/08 Javascript
基于jquery ajax 用户无刷新登录方法详解
2012/04/28 Javascript
Javascript Object 对象学习笔记
2014/12/17 Javascript
AngularJS 日期格式化详解
2015/12/23 Javascript
浅谈JavaScript对象的创建方式
2016/06/13 Javascript
javascript运算符——位运算符全面介绍
2016/07/14 Javascript
footer定位页面底部(代码分享)
2017/03/07 Javascript
基于Vue的文字跑马灯组件(npm 组件包)
2017/05/24 Javascript
JS实现简单抖动效果
2017/06/01 Javascript
Vue之Watcher源码解析(2)
2017/07/19 Javascript
three.js实现3D视野缩放效果
2017/11/16 Javascript
JS使用贪心算法解决找零问题示例
2017/11/27 Javascript
JavaScript模块详解
2017/12/18 Javascript
详解如何制作并发布一个vue的组件的npm包
2018/11/10 Javascript
element-ui组件table实现自定义筛选功能的示例代码
2019/03/15 Javascript
送你43道JS面试题(收藏)
2019/06/17 Javascript
使用Vue+Django+Ant Design做一个留言评论模块的示例代码
2020/06/01 Javascript
[52:36]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
PyQt5每天必学之像素图控件QPixmap
2018/04/19 Python
Python基于递归和非递归算法求两个数最大公约数、最小公倍数示例
2018/05/21 Python
Python文件路径名的操作方法
2019/10/30 Python
python selenium自动化测试框架搭建的方法步骤
2020/06/14 Python
H5 canvas实现贪吃蛇小游戏
2017/07/28 HTML / CSS
在阿尔卑斯山或希腊度过快乐假期:Alpine Elements
2019/12/28 全球购物
工程造价与财务管理专业应届生求职信
2013/10/06 职场文书
电子商务专业个人的自我评价
2013/11/19 职场文书
司马光教学反思
2014/02/01 职场文书
医科大学毕业生自荐信
2014/02/03 职场文书
团员个人年度总结
2015/02/26 职场文书
周恩来的四个昼夜观后感
2015/06/03 职场文书
吴仁宝观后感
2015/06/09 职场文书
工作简报范文
2015/07/21 职场文书
总结一些Java常用的加密算法
2021/06/11 Java/Android