`
wly719
  • 浏览: 289962 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

关于Extjs2.0日期控件(DateField)在FireFox3下过长的解决办法

阅读更多
公司项目之前用到了ext2.0版本,在最新Firefox3上发生了时间空间被拉长的bug,在网上找到解决办法.
FireFox 3.x 出来了一段时间了,很多用户依然使用的是EXTJS 2.02的版本。(很多原因......),日期控件在FireFox 3.x 下会被拉得很长很长。
这一个问题官方已经解决了。解决办法:

你必须在CSS中明确设置它的宽度。

css代码
.x-date-middle {     
    padding-top:2px;padding-bottom:2px;     
    width:130px; /* FF3 */    
}(已经试用过了)  

另一种解决办法:
(来自lonelyblue的解决方法)

Js代码
Ext.override(Ext.menu.DateMenu,{        
    render : function(){        
        Ext.menu.DateMenu.superclass.render.call(this);        
        if(Ext.isGecko){        
            this.picker.el.dom.childNodes[0].style.width = '178px';        
            this.picker.el.dom.style.width = '178px';        
        }        
    }        
});  

转载地址为:http://www.extjs.org.cn/index.php?q=node/219"

lonelyblue帖子的地址为:http://www.iteye.com/topic/205975
分享到:
评论

相关推荐

    extjs4.2日期控件datefield拓展加上选择时分秒功能

    在ExtJs4.2表单控件里分别有个时间控件(datafield)和时间控件(timefield),但是官方提供的控件不能将日期和时分秒整合到一起,我从网上搜集整理了一个可用的选择日期时分秒的拓展控件,extjs版本是4.2,亲测能用,...

    Extjs4.0日期控件集合.zip

    本人验证的版本是Extjs4.2.1,压缩包中为js文件,含时间控件(支持日期控件时分秒的选择),日期控件,周控件(目前最左列显示周数,鼠标悬浮选中一周的底色,点击赋选中周的第一天)、月控件、年控件,月和年取自...

    ExtJS3.0日期时间控件

    在ExtJS 3.0版本中,它提供了丰富的UI组件,包括日期时间控件,这使得开发者能够方便地在Web应用中集成日期和时间的选择功能。这篇博客文章可能是关于如何使用和自定义ExtJS 3.0中的日期时间字段(DateTimeField)的...

    ExtJs5.1或ExtJs6.0日期时间控件

    将DateTimeField.js 和 DateTimePicker.js放在ext/src/ux目录下 页面引用 requires : [ 'Ext.ux.DateTimeField' ] 使用方式: { fieldLabel:'开始时间', xtype:'datetimefield', reference:'dateTimeText', ...

    extjs6.2月份年份控件.rar

    总的来说,"extjs6.2月份年份控件.rar"提供的解决方案优化了EXTJS 6.2中的日期选择体验,使得用户只需关注年份的选择,简化了交互过程。对于开发者来说,这不仅提高了用户体验,也降低了他们在处理日期选择时的...

    Extjs4.1日期年月控件

    使用Extjs4.1编写了只能选择年月的日期控件

    Extjs3.x入门学习

    ExtJS 是一个强大的JavaScript库,主要用于构建富客户端的Web应用程序。...同时,ExtJS 3.x虽然已有些许年代,但其设计理念和许多核心功能在后续版本中仍然保留,因此掌握3.x的基础对理解和学习更新版本也有很大帮助。

    extjs中 google 不兼容 datefield 控件

    在本篇文章中,我们将深入探讨一个具体的技术问题:在ExtJS框架中,Google浏览器与DateField控件的不兼容性问题。这个问题对于那些正在使用ExtJS进行Web应用程序开发的开发者来说,是一个非常实用且需要解决的技术...

    ext时间控件 (支持Extjs 3.0以上版本.)

    下载后请将文件解压在ext-3.x.x/examples/目录下! 支持 Extjs 3.0以上版本. 用过Extjs的人都晓得,Ext自身的DateField只支持日期选择,而TimeField却实现. ☆☆☆注意,开源啦,内附源码☆☆☆☆

    ExtJS 多文件上传 UploadDialog For ExtJS3.x

    - 在ExtJS 2.x版本中实现的多文件上传功能通常无法直接应用于3.x版本。 - 需要对原有代码进行修改,确保其能够在新版本中正常运行。 2. **UploadDialog组件** - `UploadDialog`是一种用于实现文件上传功能的...

    extjs中dateField日期精确到时分秒的扩展控件

    在EXTJS这个强大的JavaScript框架中,DateField是一个用于输入日期的控件,通常它只允许用户选择年、月、日。然而,在某些情况下,我们可能需要将日期字段扩展到包括小时、分钟和秒,以便更精确地管理时间数据。这篇...

    extjs4.2 日期控件 datefield 拓展加上选择时分秒功能

    在ExtJs4.2表单控件里分别有个时间控件(datafield)和时间控件(timefield),但是官方提供的控件不能将日期和时分秒整合到一起,我从网上搜集整理了一个可用的选择日期时分秒的拓展控件,extjs版本是4.2,亲测能用,...

    extjs3.x 官方示例以及chm版api

    在"extjs3.x 官方示例以及chm版api"这个资源中,包含了两个关键部分:官方示例和CHM版API文档。 首先,让我们深入探讨ExtJS 3.x 的核心知识点: 1. **组件体系**:ExtJS 3.x 提供了一个组件化的UI框架,包括各种...

    Ext DateField控件 - 只选择年月

    开发者可能通过重写或者添加特定的配置,使得原本的DateField控件在弹出的日历选择器中只显示年和月,而隐藏或者禁用日的选择。这通常涉及到对控件的模板、事件监听器以及选择器逻辑的调整。 源码分析方面,`...

    ExtJS2.X 版本app

    ExtJS2.X 版本app 这个版本目前找不到了噢

    extjs4.2日历时间控件

    根据extjs4.2的日历控件,扩充日历时间控件,可以选择日期,时间。经过多次测试效果良好。已经用在项目中了。

    extjs3.2、3.3 时间控件 日期控件扩展

    总之,“extjs3.2、3.3 时间控件 日期控件扩展”是关于如何在ExtJS 3.x版本中使用和自定义日期及时间选择器的知识点,涵盖了基本使用、扩展开发、实际应用等多个方面。通过深入理解这些概念,开发者可以创建出更加...

    Extjs2.x主题

    主题是ExtJS应用的外观和感觉,定义了控件的颜色、字体、布局样式等。下面我们将深入探讨ExtJS 2.x的主题及其相关知识点。 1. **主题的基本概念**: 主题(Theme)是ExtJS应用程序的视觉风格,它定义了UI元素的...

    ExtJs 带清空功能的日期组件

    在ExtJs框架中,日期组件(DateField)是用于用户输入日期的常见控件。然而,标准的ExtJs DateField并未内置清空日期的功能,这可能会在某些应用场景中造成不便。为了解决这个问题,我们需要自定义一个扩展,为日期...

    ExtJs4.2.1年月日时分秒、时分秒控件

    总之,"ExtJs4.2.1年月日时分秒、时分秒控件"是关于使用ExtJS框架创建日期和时间选择功能的。通过理解和利用提供的组件、配置以及测试样例,开发者可以轻松地在Web应用中集成这些控件,提升用户体验。

Global site tag (gtag.js) - Google Analytics