easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大的实现代码


Posted in Javascript onJanuary 12, 2017

一、Html代码

注意的是需要加上data-options="editable:false",不能直接修改日期

<tr> 
 <td width="15%" class="label">合同起始日期:</td> 
 <td width="35%"> 
 <input value="${loan.contractBegtime}" class="f1 easyui-datebox" id="contractBegtime" name="contractBegtime" data-options="required:true,editable:false"/> 
 <font class="star-red">*</font> 
 </td> 
<td width="15%" class="label">合同截止日期:</td> 
<td width="35%"> 
 <input value="${loan.contractEndtime}" class="f1 easyui-datebox" id="contractEndtime" name="contractEndtime" data-options="required:true,editable:false"/> 
 <font class="star-red">*</font> 
 </td> 
</tr>

二、js代码限制

$("#contractBegtime").datebox({ 
 onSelect : function(beginDate){ 
  $('#contractEndtime').datebox().datebox('calendar').calendar({ 
   validator: function(date){ 
    return beginDate<date;//<= 
   } 
  }); 
 } 
});

增加限制后,选择起始日期后,截止日期就必须比起始日期大,如果想截止日期也可以等于起始日期,

就使用<=。

再提醒:data-options="editable:false",不然截止日期可以修改成小于起始日期的时间

有其它要求的,可以查看官方文档:

http://www.jeasyui.net/demo/345.html

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

Javascript 相关文章推荐
js跨域和ajax 跨域问题的实现思路
Sep 05 Javascript
javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
Jan 05 Javascript
JQuery选择器、过滤器大整理
May 26 Javascript
jQuery插件制作的实例教程
May 16 Javascript
jQuery实现隔行变色的方法分析(对比原生JS)
Nov 18 Javascript
微信小程序 视图容器组件的详解及实例代码
Jan 19 Javascript
Angularjs自定义指令实现三级联动 选择地理位置
Feb 13 Javascript
创建Vue项目以及引入Iview的方法示例
Dec 03 Javascript
如何从头实现一个node.js的koa框架
Jun 17 Javascript
学习LayUI时自研的表单参数校验框架案例分析
Jul 29 Javascript
Vue代码整洁之去重方法整理
Aug 06 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
Jul 28 Javascript
React创建组件的三种方式及其区别
Jan 12 #Javascript
微信小程序Server端环境配置详解(SSL, Nginx HTTPS,TLS 1.2 升级)
Jan 12 #Javascript
JavaScript利用Date实现简单的倒计时实例
Jan 12 #Javascript
React组件的三种写法总结
Jan 12 #Javascript
JQuery异步提交表单与文件上传功能示例
Jan 12 #Javascript
jQuery命名空间与闭包用法示例
Jan 12 #Javascript
jquery实现百叶窗效果
Jan 12 #Javascript
You might like
php开启安全模式后禁用的函数集合
2011/06/26 PHP
PHP之正则表达式捕获组与非捕获组(详解)
2015/07/29 PHP
php提取身份证号码中的生日日期以及验证是否为成年人的函数
2015/09/29 PHP
[企业公众号]升级到[企业微信]之后发送消息失败的解决方法
2017/06/30 PHP
PHP判断函数是否被定义的方法
2019/06/21 PHP
通过Mootools 1.2来操纵HTML DOM元素
2009/09/15 Javascript
javascript写的一个链表实现代码
2009/10/25 Javascript
jQuery 1.4 15个你应该知道的新特性(译)
2010/01/24 Javascript
JavaScript创建一个欢迎cookie弹出窗实现代码
2013/03/15 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
2013/12/11 Javascript
JavaScript中的prototype.bind()方法介绍
2014/04/04 Javascript
js实现大转盘抽奖游戏实例
2015/06/24 Javascript
javascript数组去重的六种方法汇总
2015/08/16 Javascript
AngularJS模块详解及示例代码
2016/08/17 Javascript
jQuery.Validate表单验证插件的使用示例详解
2017/01/04 Javascript
jquery easyui DataGrid简单示例
2017/01/23 Javascript
深入浅出webpack之externals的使用
2017/12/04 Javascript
JS数组方法join()用法实例分析
2020/01/18 Javascript
vue fetch中的.then()的正确使用方法
2020/04/17 Javascript
Vue props中Object和Array设置默认值操作
2020/07/30 Javascript
详解Python中的正则表达式的用法
2015/04/09 Python
Python yield 使用方法浅析
2017/05/20 Python
Python实现多进程共享数据的方法分析
2017/12/04 Python
pygame游戏之旅 python和pygame安装教程
2018/11/20 Python
基于Python对数据shape的常见操作详解
2018/12/25 Python
python 中的列表生成式、生成器表达式、模块导入
2019/06/19 Python
python爬虫库scrapy简单使用实例详解
2020/02/10 Python
Python numpy大矩阵运算内存不足如何解决
2020/11/19 Python
详解如何解决H5开发使用wx.hideMenuItems无效果不生效
2021/01/20 HTML / CSS
英国领先的杂志订阅网站:Magazine.co.uk
2018/01/25 全球购物
女性时尚网购:Chic Me
2019/07/30 全球购物
英国经济型酒店品牌:Travelodge
2019/12/17 全球购物
厂区绿化方案
2014/05/08 职场文书
2016年企业先进员工事迹材料
2016/02/25 职场文书
《鲁滨逊漂流记》之六读后感(4篇)
2019/09/29 职场文书
多属性、多分类MySQL模式设计
2021/04/05 MySQL