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 相关文章推荐
jquery键盘事件使用介绍
Nov 01 Javascript
在JavaScript中操作时间之getYear()方法的使用教程
Jun 11 Javascript
基于JQuery打造无缝滚动新闻步骤详解
Mar 31 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
Nov 16 Javascript
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
Dec 12 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
Jan 11 Javascript
vue.js通过路由实现经典的三栏布局实例代码
Jul 08 Javascript
微信小程序实现tab左右切换效果
Nov 15 Javascript
js实现unicode码字符串与utf8字节数据互转详解
Mar 21 Javascript
JS模拟浏览器实现全局搜索功能
Sep 11 Javascript
vue props对象validator自定义函数实例
Nov 13 Javascript
JavaScript实时更新当前的时间的示例代码
Jul 15 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实现弹出消息提示框的两种方法
2013/12/17 PHP
php mysql like 实现多关键词搜索的方法
2016/10/29 PHP
php安装php_rar扩展实现rar文件读取和解压的方法
2016/11/17 PHP
php分页查询mysql结果的base64处理方法示例
2017/05/18 PHP
PHP编程中的Session阻塞问题与解决方法分析
2017/08/07 PHP
PHP 数组黑名单/白名单实例代码详解
2019/06/04 PHP
JavaScript 提升运行速度之循环篇 译文
2009/08/15 Javascript
Extjs学习笔记之二 初识Extjs之Form
2010/01/07 Javascript
javascript 获取所有id中包含某关键字的控件的实现代码
2010/11/25 Javascript
jQuery渐变发光导航菜单的实例代码
2013/03/27 Javascript
读取input:file的路径并显示本地图片的方法
2013/09/23 Javascript
js实现幻灯片播放图片示例代码
2013/11/07 Javascript
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
2015/07/01 Javascript
学习使用bootstrap3栅格系统
2016/04/12 Javascript
js替换字符串中所有指定的字符(实现代码)
2016/08/17 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
2017/01/19 Javascript
详解JavaScript对象的深浅复制
2017/03/30 Javascript
JavaScrpt判断一个数是否是质数的实例代码
2017/06/11 Javascript
JavaScript 中的12种循环遍历方法【总结】
2018/05/31 Javascript
从vue源码解析Vue.set()和this.$set()
2018/08/30 Javascript
vue 解决数组赋值无法渲染在页面的问题
2019/10/28 Javascript
原生js实现贪食蛇小游戏的思路详解
2019/11/26 Javascript
vue实现前端列表多条件筛选
2020/10/26 Javascript
[56:47]Ti4 循环赛第三日 iG vs Liquid
2014/07/12 DOTA
python中while循环语句用法简单实例
2015/05/07 Python
Java分治归并排序算法实例详解
2017/12/12 Python
基于DATAFRAME中元素的读取与修改方法
2018/06/08 Python
Python 爬取必应壁纸的实例讲解
2020/02/24 Python
Kears 使用:通过回调函数保存最佳准确率下的模型操作
2020/06/17 Python
纯CSS3单页切换导航菜单界面设计的简单实现
2016/08/16 HTML / CSS
浅析HTML5:'data-'属性的作用
2018/01/23 HTML / CSS
环境工程专业个人求职信
2013/12/05 职场文书
2015年秋学期师德师风建设工作总结
2015/10/23 职场文书
信息技术国培研修日志
2015/11/13 职场文书
《领导干部从政道德启示录》学习心得体会
2016/01/20 职场文书
记一次Mysql不走日期字段索引的原因小结
2021/10/24 MySQL