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 相关文章推荐
关于Blog顶部的滚动导航条代码
Sep 25 Javascript
JS中怎样判断undefined(比较不错的方法)
Mar 27 Javascript
关于延迟加载JavaScript
May 05 Javascript
javascript实现控制的多级下拉菜单
Jul 05 Javascript
详解JavaScript基于面向对象之创建对象(1)
Dec 10 Javascript
HTML中setCapture、releaseCapture 使用方法浅析
Sep 25 Javascript
微信小程序实现倒计时60s获取验证码
Apr 17 Javascript
JS开发中基本数据类型具体有哪几种
Oct 19 Javascript
BootStrap模态框不垂直居中的解决方法
Oct 19 Javascript
详解在React项目中安装并使用Less(用法总结)
Mar 18 Javascript
JavaScript箭头函数中的this详解
Jun 19 Javascript
vue-video-player 断点续播的实现
Feb 01 Vue.js
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处理Oracle的CLOB实例
2014/11/03 PHP
php生出随机字符串
2017/07/06 PHP
PHP多维数组指定多字段排序的示例代码
2018/05/16 PHP
javascript 对表格的行和列都能加亮显示
2008/12/26 Javascript
js 获取服务器控件值的代码
2010/03/05 Javascript
javascript实现日期时间动态显示示例代码
2015/09/08 Javascript
javascript拖拽效果延伸学习
2016/04/04 Javascript
基于BootStrap Metronic开发框架经验小结【八】框架功能总体界面介绍
2016/05/12 Javascript
js精准的倒计时函数分享
2016/06/29 Javascript
详细探究ES6之Proxy代理
2016/07/22 Javascript
Angular2实现的秒表及改良版示例
2019/05/10 Javascript
一些可能会用到的Node.js面试题
2019/06/15 Javascript
layui table数据修改的回显方法
2019/09/04 Javascript
vue 解决遍历对象显示的顺序不对问题
2019/11/07 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
2020/07/19 Javascript
vue 验证两次输入的密码是否一致的方法示例
2020/09/29 Javascript
js实现复制粘贴的两种方法
2020/12/04 Javascript
微信小程序选择图片控件
2021/01/19 Javascript
[02:19]DOTA2女子战队FOX视频专访:希望更多美眉一起加入
2013/10/15 DOTA
Python的词法分析与语法分析
2013/05/18 Python
python根据日期返回星期几的方法
2015/07/06 Python
Python中的字符串操作和编码Unicode详解
2017/01/18 Python
使用Python实现博客上进行自动翻页
2017/08/23 Python
解决pandas中读取中文名称的csv文件报错的问题
2018/07/04 Python
django框架ModelForm组件用法详解
2019/12/11 Python
python 匿名函数与三元运算学习笔记
2020/10/23 Python
Mio Skincare中文官网:肌肤和身体护理
2016/10/26 全球购物
Lacoste澳大利亚官网:服装、鞋类及配饰
2018/11/14 全球购物
加拿大最大的体育用品、鞋类和服装零售商:Sport Chek
2018/11/29 全球购物
酒店保安领班职务说明书
2014/03/04 职场文书
办护照工作证明
2014/10/01 职场文书
感恩父母主题班会
2015/08/12 职场文书
基于flask实现五子棋小游戏
2021/05/25 Python
Java时间工具类Date的常用处理方法
2022/05/25 Java/Android
python数字图像处理:图像简单滤波
2022/06/28 Python
AndroidStudio图片压缩工具ImgCompressPlugin使用实例
2022/08/05 Java/Android