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的tab切换效果代码[代码分离]
Apr 11 Javascript
jquery实现右键菜单插件
Mar 29 Javascript
JavaScript实现可拖拽的拖动层Div实例
Aug 05 Javascript
基于Css3和JQuery实现打字机效果
Aug 11 Javascript
js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
Nov 18 Javascript
JavaScript数据类型学习笔记
Jan 25 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
May 27 Javascript
详解angularjs 关于ui-router分层使用
Jun 12 Javascript
从对象列表中获取一个对象的方法,依据关键字和值
Sep 20 Javascript
vue使用ajax获取后台数据进行显示的示例
Aug 09 Javascript
浅谈Vue中render中的h箭头函数
Nov 07 Javascript
Javascript基于OOP实实现探测器功能代码实例
Aug 26 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/06/21 PHP
ThinkPHP中的关联模型注意点
2014/06/16 PHP
javascript中的一些注意事项 更新中
2010/12/06 Javascript
33个优秀的 jQuery 图片展示插件分享
2012/03/14 Javascript
php对mongodb的扩展(小试牛刀)
2012/11/11 Javascript
js 获取class的元素的方法 以及创建方法getElementsByClassName
2013/03/11 Javascript
jQuery的each终止或跳过示例代码
2013/12/12 Javascript
js无刷新操作table的行和列
2014/03/27 Javascript
JavaScript设计模式之单件模式介绍
2014/12/28 Javascript
原生javascript获取元素样式
2014/12/31 Javascript
javascript面向对象之访问对象属性的两种方式分析
2015/01/13 Javascript
Javascript之String对象详解
2016/06/08 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
2017/01/03 Javascript
ReactJs设置css样式的方法
2017/06/08 Javascript
Vue.js中关于侦听器(watch)的高级用法示例
2018/05/02 Javascript
微信小程序内拖动图片实现移动、放大、旋转的方法
2018/09/04 Javascript
浅谈vue同一页面中拥有两个表单时,的验证问题
2018/09/18 Javascript
webpack的tree shaking的实现方法
2019/09/18 Javascript
jquery validate 实现动态增加/删除验证规则操作示例
2019/10/28 jQuery
vue学习笔记之作用域插槽实例分析
2020/02/01 Javascript
详解vue-template-admin三级路由无法缓存的解决方案
2020/03/10 Javascript
bootstrap-closable-tab可实现关闭的tab标签页插件
2020/08/09 Javascript
vue动态加载SVG文件并修改节点数据的操作代码
2020/08/17 Javascript
Linux下Python获取IP地址的代码
2014/11/30 Python
Python中的数学运算操作符使用进阶
2016/06/20 Python
Python操作json的方法实例分析
2018/12/06 Python
对python xlrd读取datetime类型数据的方法详解
2018/12/26 Python
意大利巧克力店:Chocolate Shop
2019/07/24 全球购物
信息工程学院毕业生推荐信
2013/11/05 职场文书
物业招聘计划书
2014/01/10 职场文书
离职报告范文
2014/11/04 职场文书
2014年校务公开工作总结
2014/12/18 职场文书
小学教师岗位职责
2015/04/02 职场文书
班主任寄语2016
2015/12/04 职场文书
志愿服务心得体会
2016/01/15 职场文书
员工保密协议范本,您一定得收藏!很有用!
2019/08/08 职场文书