【转】ExtJS日历控件在chrome显示异常（布满整个屏幕）的解决办法

最新推荐文章于 2023-03-09 16:48:44 发布

liuxi

最新推荐文章于 2023-03-09 16:48:44 发布

阅读量251

点赞数

分类专栏： Extjs

本文链接：https://blog.csdn.net/liuxi1024/article/details/84688851

版权

Extjs 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

解决办法：

一、在date-picker.css中加入控件的宽度185

.x-date-picker

{

border: 1px solid;

border-top:0 none;

position:relative;

width: 185px;

}

当然，date-picker.css需要被引入

二、

近在用extjs的DateField控件的时候，总是出现时间空间显示的时候宽度占满了整个屏幕，后来发现这个extjs在chrome下面的一个bug

解决：重写DateMenu，添加style.width='178px'

/********** 解决日历控件显示异常 **********/  
Ext.override(Ext.menu.DateMenu, {  
    render : function() {  
        Ext.menu.DateMenu.superclass.render.call(this);  
        if (Ext.isGecko || Ext.isSafari || Ext.isChrome) {  
            this.picker.el.dom.childNodes[0].style.width = '178px';  
            this.picker.el.dom.style.width = '178px';  
        }  
    }  
});