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 相关文章推荐
详细介绍8款超实用JavaScript框架
Oct 25 Javascript
open 动态修改img的onclick事件示例代码
Nov 13 Javascript
Bootstrap每天必学之导航条(二)
Mar 01 Javascript
AngularJS 执行流程详细介绍
Aug 18 Javascript
jQuery实现的瀑布流加载效果示例
Sep 13 Javascript
js对字符串进行编码的方法总结(推荐)
Nov 10 Javascript
jQuery is not defined 错误原因与解决方法小结
Mar 19 Javascript
浅谈Koa服务限流方法实践
Oct 23 Javascript
JavaScript程序设计高级算法之动态规划实例分析
Nov 24 Javascript
基于IView中on-change属性的使用详解
Mar 15 Javascript
详解react native页面间传递数据的几种方式
Nov 07 Javascript
angular学习之动态创建表单的方法
Dec 07 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
预告映像公开!第1章续篇剧场版动画《Princess Principal Crown Handler》4月10日上映!
2020/03/06 日漫
php fputcsv命令 写csv文件遇到的小问题(多维数组连接符)
2011/05/24 PHP
PHP在网页中动态生成PDF文件详细教程
2014/07/05 PHP
ThinkPHP自动填充实现无限级分类的方法
2014/08/22 PHP
php获取文件后缀的9种方法
2016/03/22 PHP
PHP获取当前执行php文件名的代码
2017/03/02 PHP
使用apply方法处理数组的三个技巧[译]
2012/09/20 Javascript
JavaScript中的类与实例实现方法
2015/01/23 Javascript
jQuery is not defined 错误原因与解决方法小结
2017/03/19 Javascript
详谈js中标准for循环与foreach(for in)的区别
2017/11/02 Javascript
Node.js爬取豆瓣数据实例分析
2018/03/05 Javascript
Javascript 之封装(Package)
2018/09/14 Javascript
Vue绑定内联样式问题
2018/10/17 Javascript
[01:03:36]Ti4 循环赛第三日DK vs Titan
2014/07/12 DOTA
[00:52]玛尔斯技能全介绍
2019/03/06 DOTA
深入理解Javascript中的this关键字
2015/03/27 Python
Python实现Youku视频批量下载功能
2017/03/14 Python
详解Golang 与python中的字符串反转
2017/07/21 Python
浅谈Python中的zip()与*zip()函数详解
2018/02/24 Python
pandas dataframe添加表格框线输出的方法
2019/02/08 Python
jenkins配置python脚本定时任务过程图解
2019/10/29 Python
django 数据库 get_or_create函数返回值是tuple的问题
2020/05/15 Python
python编写一个会算账的脚本的示例代码
2020/06/02 Python
使用openCV去除文字中乱入的线条实例
2020/06/02 Python
python更新数据库中某个字段的数据(方法详解)
2020/11/18 Python
纯css3实现照片墙效果
2014/12/26 HTML / CSS
几个解决兼容IE6\7\8不支持html5标签的几个方法
2013/01/07 HTML / CSS
HTML5 Convas APIs方法详解
2015/04/24 HTML / CSS
Html5百叶窗效果的示例代码
2017/12/11 HTML / CSS
巴西电子、家电、智能手机购物网站:Girafa
2019/06/04 全球购物
英国豪华家具和家居用品购物网站:Teddy Beau
2020/10/12 全球购物
简述DNS进行域名解析的过程
2013/12/02 面试题
毕业生求职的求职信
2013/12/05 职场文书
2014学校领导四风对照检查材料思想汇报
2014/09/23 职场文书
花田少年史观后感
2015/06/16 职场文书
pytorch MSELoss计算平均的实现方法
2021/05/12 Python