给EasyUI的DateBox控件增加一个清空按钮



EasyUI中的DateBox控件居然没有清空按钮，如下图：

真是不可思议，对于要求日期格式必须选择的情况下，不能清空日期，非常不方便。

虽然可以通过手工修改EasyUI及相关库文件来实现增加清空按钮功能，但这要求修改EasyUI原生库文件，而且要修改多个地方，势必会造成其它的不兼容问题。

但随着1.3.5版本的发布，这个问题可以很好地解决了，而且不需要修改任何库文件，只需要在页面中日期控件中增加一段代码即可。这是因为1.3.5版本的EasyUI增加了一个属性：buttons，这个属性可以实现在“今天”和“关闭”之间增加一个按钮。

在日期控件中增加清空按钮的方法如下：

效果如下：

    当然，有了这个bottons属性，可以在日期控件中增加任何按钮。但除了这个清空按钮，想不出在日期控件中增加其它按钮有什么用。真搞不明白EasyUI的开发者为何不默认提供一个带清空按钮的DateBox控件。
 
时间： 2024-10-17 19:53:02

给EasyUI的DateBox控件增加一个清空按钮的相关文章

为jEasyUi的日期控件添加一个“清空”按钮----通过修改1.4的easyui.min.js

为 jQuery EasyUI 1.4 的datebox或datetimebox添加一个清空按钮 使用场景:为用户指定了日期的格式,且日期可以为空 修改语言包easyui-lang-zh_CN.js 在if ($.fn.datebox){ 的下一行添加 (41或42行) $.fn.datebox.defaults.cleanText = '清空'; 在if ($.fn.datetimebox && $.fn.datebox){  $.extend($.fn.datetimebox.defa

给easyui datebox时间框控件扩展一个清空的实例

给easyui datebox扩展一个清空的实例 步骤一:拓展插件 /** * 给时间框控件扩展一个清除的按钮 */ $.fn.datebox.defaults.cleanText = '清空'; (function ($) { var buttons = $.extend([], $.fn.datebox.defaults.buttons); buttons.splice(1, 0, { text: function (target) { return $(target).datebox("o

给EasyUI的DateBox控件添加清除button

 EasyUI中间DateBox控制甚至没有被清除button.例如下面的附图: 真是不可思议,对于要求日期格式必须选择的情况下,不能清空日期,很不方便. 尽管能够通过手工改动EasyUI及相关库文件来实现添加清空button功能,但这要求改动EasyUI原生库文件,并且要改动多个地方,势必会造成其他的不兼容问题. 但随着1.3.5版本号的公布,这个问题能够非常好地攻克了,并且不须要改动不论什么库文件,仅仅须要在页面中日期控件中添加一段代码就可以. 这是由于1.3.5版本号的EasyUI添加

UIStepper步进器 ——事件驱动型控件,（一个+和-按钮的）

- (void)viewDidLoad {    [super viewDidLoad];        //步进器 固定的size (94*27), 事件驱动型控件    UIStepper *st = [[UIStepper alloc] initWithFrame:CGRectMake(10,10,300,30)];    //设置最大值    st.maximumValue = 300;    //设置最小值    st.minimumValue = 10;    //设置步长 (默认值

easyui的datebox控件如何只要年月不要日谢谢知道的说一下

例子2015-01 格式easyui-datebox 加上 data-options="formatter:myformatter,parser:myparser"function myformatter(date){            var y = date.getFullYear();            var m = date.getMonth()+1;            var d = date.getDate();            return y+'-'

基于MVC+EasyUI的Web开发框架经验总结（2）- 使用EasyUI的树控件构建Web界面

最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重构完善过程中,很多细节花费不少时间进行研究和提炼,一步步走过来,也积累了不少经验,本系列将主要介绍我在进一步完善我的Web框架基础上积累的经验进行分享,本随笔主要介绍使用EasyUI的树控件构建Web界面的相关经验. 在很多界面设计上,我们可能都需要引入树列表控件,这个控件可以用zTree来实现,也

重新想象 Windows 8.1 Store Apps (77) - 控件增强: 文本类控件的增强, 部分控件增加了 Header 属性和 HeaderTemplate 属性, 部分控件增加了 PlaceholderText 属性

[源码下载] 重新想象 Windows 8.1 Store Apps (77) - 控件增强: 文本类控件的增强, 部分控件增加了 Header 属性和 HeaderTemplate 属性, 部分控件增加了 PlaceholderText 属性 作者:webabcd介绍重新想象 Windows 8.1 Store Apps 之控件增强 文本类控件的增强 为一些控件增加了 Header 属性和 HeaderTemplate 属性 为一些控件增加了 PlaceholderText 属性 示例1.演示

基于MVC4+EasyUI的Web开发框架经验总结（2）- 使用EasyUI的树控件构建Web界面

最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重构完善过程中,很多细节花费不少时间进行研究和提炼,一步步走过来,也积累了不少经验,本系列将主要介绍我在进一步完善我的Web框架基础上积累的经验进行分享,本随笔主要介绍使用EasyUI的树控件构建Web界面的相关经验. 在很多界面设计上,我们可能都需要引入树列表控件,这个控件可以用zTree来实现,也

给easyui datebox扩展一个清空按钮

/** * 给时间框控件扩展一个清除的按钮 */ $.fn.datebox.defaults.cleanText = '清空'; (function ($) { var buttons = $.extend([], $.fn.datebox.defaults.buttons); buttons.splice(1, 0, { text: function (target) { return $(target).datebox("options").cleanText }, handler