Ext DateField 控件的日期选择控件DatePicker 布局 显示异常问题

最近为实现客户的界面需求，在项目中引入了部分Ext控件。在使用日期选择控件时，发现打开日期选择面板后宽度超长，致使页面拉伸，不能正常。

分析：逐步分析代码，发现可能是系统中原来定义的默认table样式(默认width:100%)造成的，但此默认样式在以前的页面中广泛使用，不能修改。

解决：查找Ext样式文件，发现有部分样式注释为/* Date Picker */，估计是日期选择面板的样式相关，但尝试修改未成功，不多费力气了。

根据此注释，估计Ext中日期选择面板名为picker或DatePicker。

在ext-all.js中搜索picker，果然找到Ext.DatePicker，其代码中有DatePicker的HTML代码

其中第一句为<table cellspacing="0">

在CSS文件中为DatePicker新定义一个样式

.ExtDatePickerTable{width:30}（宽度设为一个小点的的数字即可，DatePicker里用图片填充，宽度不足会自动撑大）

将上面Html改为<table class="ExtDatePickerTable" cellspacing="0">

重新打开测试页面，问题解决