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 相关文章推荐
JavaScript静态的动态
Sep 18 Javascript
图片自动缩小 点击放大
Jul 07 Javascript
Ajax,UTF-8还是GB2312 eval 还是execScript
Nov 13 Javascript
jquery的ajax简单结构示例代码
Feb 17 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
Aug 10 Javascript
分享五个有用的jquery小技巧
Oct 08 Javascript
jquery+html仿翻页相册功能
Dec 20 Javascript
简单快速的实现js计算器功能
Aug 17 Javascript
详谈Node.js之操作文件系统
Aug 29 Javascript
layui 优化button按钮和弹出框的方法
Aug 15 Javascript
JS实现计算小于非负数n的素数的数量算法示例
Feb 26 Javascript
一文搞懂redux在react中的初步用法
Jun 09 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
玩家交还《星际争霸》原始码光盘 暴雪报以厚礼
2017/05/05 星际争霸
php引用返回与取消引用的详解
2013/06/08 PHP
thinkphp模板输出技巧汇总
2014/11/24 PHP
PHP生成word文档的三种实现方式
2016/11/14 PHP
Yii2框架操作数据库的方法分析【以mysql为例】
2019/05/27 PHP
JavaScript Cookie 直接浏览网站分网址
2009/12/08 Javascript
Prototype源码浅析 Enumerable部分(二)
2012/01/18 Javascript
你必须知道的JavaScript 变量命名规则详解
2013/05/07 Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
2014/06/03 Javascript
浅谈JavaScript超时调用和间歇调用
2015/08/30 Javascript
分享我的jquery实现下拉菜单心的
2015/11/29 Javascript
学习AngularJs:Directive指令用法(完整版)
2016/04/26 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
2017/01/04 Javascript
AngularJS日程表案例详解
2017/08/15 Javascript
动态内存分配导致影响Javascript性能的问题
2018/12/18 Javascript
react中Suspense的使用详解
2019/09/01 Javascript
小程序websocket心跳库(websocket-heartbeat-miniprogram)
2020/02/23 Javascript
JS删除对象中某一属性案例详解
2020/09/08 Javascript
OpenLayers加载缩放控件使用方法详解
2020/09/25 Javascript
Python中的yield浅析
2014/06/16 Python
Python中使用第三方库xlrd来读取Excel示例
2015/04/05 Python
python使用pil生成图片验证码的方法
2015/05/08 Python
python压缩文件夹内所有文件为zip文件的方法
2015/06/20 Python
感知器基础原理及python实现过程详解
2019/09/30 Python
关于python中plt.hist参数的使用详解
2019/11/28 Python
python Plotly绘图工具的简单使用
2020/03/03 Python
英国马莎百货官网:Marks & Spencer
2016/07/29 全球购物
英国绿色商店:Natural Collection
2019/05/03 全球购物
Yves Rocher捷克官方网站:植物化妆品的创造者
2019/07/31 全球购物
荷兰最大的多品牌男装连锁店:Adam Brandstore
2019/12/31 全球购物
与UNIX有关的几个名词
2015/09/17 面试题
升国旗仪式主持词
2014/03/19 职场文书
员工保密承诺书
2014/05/28 职场文书
年会邀请函范文
2015/01/30 职场文书
2015年社区综治工作总结
2015/04/21 职场文书
浅谈如何提高PHP代码质量之端到端集成测试
2021/05/28 PHP