发布于 2017-05-22 21:26:38 | 75 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的精品教程,程序狗速度看过来!

EasyUI jQuery UI插件

jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。


这篇文章主要介绍了easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大的实现代码,需要的朋友参考下吧

一、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截止日期比起始日期大,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对phperz网站的支持!



相关阅读 :
easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大的实现代码
给easyui的datebox控件添加清空按钮的实现方法
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
jQuery easyUI datagrid 增加求和统计行的实现代码
jQuery EasyUI DateBox日期框使用说明
给easyui datebox扩展一个清空的实例
EasyUI在表单提交之前进行验证的实例代码
JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法
简介EasyUI datagrid editor combogrid搜索框的实现
ASP.NET MVC中EasyUI的datagrid跨域调用实现代码
在次封装easyui-Dialog插件实现代码
easyui 中的datagrid跨页勾选问题的实现方法
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务