ExtJs 日期选择器显示问题 3.1.0 与 Ext.form.DateField

问题描述

我是 ExtJs 的新手，在日期选择器的显示方面有问题。 实际的日期选择器功能有效，但前 2 列与所附图片重叠。

我已将日期选择器添加到新的 Ext.FormPanel() 并按照以下代码使用 ExtJs 3.1.0 添加面板到窗口：

function save(data) {
    var weekDay = [
                ['1','Sunday'],['2','Monday'],['3','Tuesday'],['4','Wednesday'],['5','Thursday'],['6','Friday'],'Saturday']
               ];

    var panel = new Ext.FormPanel({
        labelWidth: 125,frame:true,autoHeight   : true,title: 'Create',bodyStyle:'padding:5px 5px 0',width: 450,bodyPadding: 10,defaults: {width: 200},defaultType: 'textfield',items: [
           new Ext.form.ComboBox({
                 fieldLabel: 'Day of the Week (Optional)',id: 'sDay',store: weekDay,typeAhead: true,allowBlank: true,editable: false,selectOnFocus:true,triggerAction: 'all',emptyText:''
             }),new Ext.form.DateField({
                 fieldLabel: 'Date',id: 'sDate',format: 'd/m/Y',minValue: new Date(),emptyText:'',width: 300,style: 'float: left',cls: 'x-border-Box,x-border-Box',padding: 5,layout: 'form'
            })
        ],buttons: [{
            text: 'Save',handler: function() {
                // do stuff
                  win.close();
                }

            }
        },{
            text: 'Cancel',handler: function() {
                win.close();
            }
        }]
    });

    var win = new Ext.Window({
            title      : 'Save stuff',width      : 550,autoHeight : true,modal      : true,border     : false,layout     : 'fit',items      : panel
        });

        win.show();
}

我尝试了其他日期格式，增加了宽度，添加了 cls 等 但是，没有运气。 请问有人在使用 ExtJs 时遇到过这个问题吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）