解决 Ext.form.DateField 在 chrome 等浏览器下显示异常

最新推荐文章于 2026-06-16 20:26:56 发布

原创最新推荐文章于 2026-06-16 20:26:56 发布 · 3.6k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#DateField #chrome #显示异常

收录于

文章详细介绍了如何通过简单的代码修改解决Next.js自带的时间控件在Chrome浏览器下显示异常的问题，控件长度被拉满整个屏幕的情况得到解决。

extjs 自带的时间控件在chrome下显示异常，控件长度拉满整个屏幕，只需加上如下代码即可。

	/********** 解决日历控件显示异常 **********/
	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';
			}
		}
	});

其中 Ext.isChrome 最为重要。