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 相关文章推荐
通过js脚本复制网页上的一个表格的不错实现方法
Dec 29 Javascript
再谈javascript 动态添加样式规则 W3C校检
Dec 25 Javascript
一个简单的jquery进度条示例
Apr 28 Javascript
深入理解javascript原型链和继承
Sep 23 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
Jul 09 Javascript
js中通过getElementsByName访问name集合对象的方法
Oct 31 Javascript
微信小程序实战之顶部导航栏(选项卡)(1)
Jun 19 Javascript
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
Jul 09 Javascript
JavaScript 通过Ajax 动态加载CheckBox复选框
Aug 31 Javascript
微信小程序实现点击按钮移动view标签的位置功能示例【附demo源码下载】
Dec 06 Javascript
详解Nuxt.js Vue服务端渲染摸索
Feb 08 Javascript
JS中的函数与对象的创建方式
May 12 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
destoon各类调用汇总
2014/06/20 PHP
PHP中array_map与array_column之间的关系分析
2014/08/19 PHP
php支付宝手机网页支付类实例
2015/03/04 PHP
JavaScript中的私有成员
2006/09/18 Javascript
兼容FireFox 的 js 日历 支持时间的获取
2009/03/04 Javascript
jquery blockUI 遮罩不能消失与不能提交的解决方法
2011/09/17 Javascript
js的Boolean对象初始值示例
2014/03/04 Javascript
jQuery.prop() 使用详解
2015/07/19 Javascript
举例讲解jQuery中可见性过滤选择器的使用
2016/04/18 Javascript
JavaScript 数组some()和filter()的用法及区别
2016/05/20 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
2016/06/07 Javascript
浅析JavaScript中命名空间namespace模式
2016/06/22 Javascript
关于ES6的六个小特性(二)
2017/02/20 Javascript
微信小程序template模板实例详解
2017/10/27 Javascript
浅谈react 同构之样式直出
2017/11/07 Javascript
在angular 6中使用 less 的实例代码
2018/05/13 Javascript
Element-ui之ElScrollBar组件滚动条的使用方法
2018/09/14 Javascript
cdn模式下vue的基本用法详解
2018/10/07 Javascript
ajax与jsonp的区别及用法
2018/10/16 Javascript
基于Vue 实现一个中规中矩loading组件
2019/04/03 Javascript
JS学习笔记之原型链和利用原型实现继承详解
2019/05/29 Javascript
Python基于回溯法子集树模板解决野人与传教士问题示例
2017/09/11 Python
如何使用Python的Requests包实现模拟登陆
2018/04/27 Python
对pandas读取中文unicode的csv和添加行标题的方法详解
2018/12/12 Python
PyCharm搭建Spark开发环境实现第一个pyspark程序
2019/06/13 Python
CSS3样式linear-gradient的使用实例
2017/01/16 HTML / CSS
深入解析HTML5的IndexedDB索引数据库
2015/09/14 HTML / CSS
HTML5有哪些新特征
2015/12/01 HTML / CSS
英国最大的纸工艺品商店:CraftStash
2018/12/01 全球购物
七一党建活动方案
2014/01/28 职场文书
餐厅执行经理岗位职责范本
2014/02/26 职场文书
企业人事任命书
2014/06/05 职场文书
群众路线表态发言材料
2014/10/17 职场文书
2014年外贸业务员工作总结
2014/12/11 职场文书
综合办公室岗位职责
2015/04/11 职场文书
防卫过当辩护词
2015/05/21 职场文书