`
Chris_Lu
  • 浏览: 47683 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

    博客分类:
  • J2EE
阅读更多

 

FireFox 3.x 出来了一段时间了,很多用户依然使用的是EXTJS 2.02的版本。(很多原因......),日期控件在FireFox 3.x 下会被拉得很长很长。
这一个问题官方已经解决了。解决办法:

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

  1. .x-date-middle {  
  2.     padding-top:2px;padding-bottom:2px;  
  3.     width:130px; /* FF3 */   
  4. }   

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

  1. Ext.override(Ext.menu.DateMenu,{     
  2.     render : function (){     
  3.         Ext.menu.DateMenu.superclass.render.call(this );     
  4.         if (Ext.isGecko){     
  5.             this .picker.el.dom.childNodes[0].style.width =  '178px' ;     
  6.             this .picker.el.dom.style.width =  '178px' ;     
  7.         }     
  8.     }     
  9. });   
还有一种方法是:
搜索ext-all.css,找到这一行:
.x-date-picker{border:1px solid #1b376c;border-top:0 none;background:#fff;position:relative;}
 替换为:
.x-date-picker{border:1px solid #1b376c;border-top:0 none;background:#fff;position:relative;width:10px;}
 
(测试通过)
分享到:
评论

相关推荐

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

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

    Ext DateField控件 - 只选择年月

    "Ext DateField控件 - 只选择年月"这个主题聚焦于一个特定的UI组件,用于帮助用户仅选择日期中的年份和月份部分,而忽略具体的日期。这在处理诸如生日、合同有效期等只需要年月信息的场景时非常有用。 Ext JS是一个...

    解决datefield组件 日期选择框在IE8下显示不完整的问题

    extjs中,经常会用到datefield组件控制用户对日期的操作,比如日志管理,需要开始时间、结束时间,但是IE8下日期选择框会显示不全,解决方法参加代码。 同时改代码解决了开始时间、结束时间的时间范围控制的问题,即...

    Ext扩展dateField时间控件,可以选择年月日、年月、年、月

    3. **验证功能**:在用户选择日期后,扩展的`dateField`应该能进行有效的验证,确保所选日期的合法性。例如,如果选择了年份,月份数字不应超过12,如果选择了年月,日期数字不应超过该月份的最大天数。 4. **事件...

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

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

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

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

    pb 日期控件

    在PB中,日期控件是用户界面中常见的元素,用于输入、显示和选择日期。本篇文章将详细探讨PB日期控件的使用,包括其功能、配置、交互以及如何实现下拉列表选择日期的实例。 一、PB日期控件概述 PB日期控件,通常...

    Extjs6 日期时间控件

    在EXTJS6中,日期时间控件是一种强大的用户界面组件,它将传统的日期选择器与时间选择器结合在一起,提供了一种便捷的方式来输入和编辑日期和时间数据。这个控件在许多应用程序中都非常实用,特别是在那些需要精确...

    Exjts2.2.1中datefield控件在IE8下显示不全BUG

    ### Exjts2.2.1中datefield控件在IE8下显示不全BUG #### 背景介绍 在使用Extjs2.2.1版本开发Web应用时,可能会遇到一个特定的问题:`datefield`控件在Internet Explorer 8(简称IE8)浏览器中的显示存在问题,具体...

    extjs中 google 不兼容 datefield 控件

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

    extjs日期+时间控件

    3. **显示问题与解决**:在上述论坛帖子中提到的日期时间控件显示问题,可能涉及到样式、格式配置、时区处理或者与其他组件的交互。解决此类问题通常需要检查控件的配置项,如`format`属性(用于指定日期和时间的...

    ext日期控件时分秒

    在EXT JS这个强大的JavaScript框架中,日期控件是常见的组件之一,用于用户输入或选择日期。然而,标准的EXT JS日期字段(DateTimeField)默认仅支持日和月的选择,不包含时间部分,即小时、分钟和秒。为了解决这个...

    ExtJs 带清空功能的日期组件

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

    自定义DateField

    在Flex编程中,DateField是Adobe Flex SDK提供的一种用于显示和编辑日期的UI组件。然而,标准的DateField控件可能无法满足所有开发者对于日期选择和显示的特定需求。因此,自定义DateField控件的创建变得尤为重要。...

    Ext DateField控件 - 只选择年月插件

    总结来说,"Ext DateField控件 - 只选择年月插件"是一个方便易用的工具,能够帮助开发者在Ext JS应用程序中实现更精细的日期选择功能,专注于年月的选取,从而满足特定场景下的用户需求。通过合理地配置和集成,你...

    Swing 日期控件(jar包)

    在处理日期和时间选择时,Swing虽然没有内置的日期选择器,但可以通过第三方库来实现,例如"JDateField.jar"就是这样一个专门用于日期输入的控件。 "JDateField.jar"是一个第三方库,它提供了日期选择的功能,使得...

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

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

    java swing 日期控件(修正上次缺少jar包的bug)

    `dropdown.gif` 文件可能用于在控件中表示一个下拉箭头,当用户点击这个图标时,会出现一个日历视图供用户选择日期。在Swing组件中,这种交互式的图标常被用在下拉菜单或者组合框中,因此在这里可能是`DatePicker` ...

    gridview 控件中的日期使用

    在这个主题中,“gridview 控件中的日期使用”主要关注如何在GridView中显示日期数据,并优化日期格式,比如去掉日期后面的“00:00:00”这一时间部分。 1. **数据绑定**:首先,我们需要将数据绑定到GridView。这...

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

    且在IE6、Firefox3.5.2、Chrome5.0都测试通过(理论上支持更多浏览器,由于本人只装了这些,所以只测了这些)。凑满100分后开源。 ☆☆☆☆☆注意:目前已开源,开源代码下载地址☆☆☆☆☆☆☆ ...

Global site tag (gtag.js) - Google Analytics