google-chrome - Extjs Datefield 在 chrome 中不显示日历

Question

嗨，我有以下代码在 FF 和 IE 中工作，但是当在 chrome 中单击日历图标时，日历会跨越整个屏幕并且不显示任何日期。请帮忙

这是代码

newDDEform = new Ext.form.FormPanel({
    formId: 'newDDEform',
    enableColumnMove: false,
    autoScroll: Ext.isGecko ? false : true, // true if IE
    monitorValid: true,
    frame: true,
    items: [
        {
            xtype: 'textfield',
            fieldLabel: 'Form',
            width: 117,
            name: 'form_id',
            readOnly: true,
            value: formId
        },
        {
            xtype: 'textfield',
            fieldLabel: 'Rev',
            width: 117,
            name: 'revision',
            readOnly: true,
            value: rev
        },
        {
            xtype: 'textfield',
            fieldLabel: 'Site',
            name: 'site_id',
            id: 'site_id',
            width: 117,
            readOnly: true,
            value: siteId
        },
        {
            xtype: 'textfield',
            fieldLabel: 'Specimen ID',
            name: 'subject_id',
            id: 'subject_id',
            width: 117,
            allowBlank: false
        },
        {
            xtype: 'datefield',
            fieldLabel: 'Visit Date',
            name: 'visit_dt',
            id: 'visit_dt',
            format: 'M-d-Y',     // Mon-dd-yyyy
            autoHeight: true,
            width: 117,
            allowBlank: false,
            maxLength: 11
        },
        {
            xtype: 'textfield',
            fieldLabel: 'Visit#',
            name: 'visit_nbr',
            id: 'visit_nbr',
            width: 117,
            allowBlank: false
        },
        {
            xtype: 'textfield',
            fieldLabel: 'Sequence',
            name: 'seq_nbr',
            id: 'seq_nbr',
            width: 117,
            allowBlank: false
        }
    ],      // end of panel items
    buttons: [
        {
            xtype: 'button',
            text: 'Submit',
            id: 'submitbutton',
            formBind: true,
            handler: processAddDDEform
        }
    ]
});          // end of panel 

newDDEformWindow = new Ext.Window({
    animateTarget: Ext.getBody(),
    height: 260,
    width: 260,
    id: 'newDDEformWindow',
    plain: true,
    resizable: true,
    title: 'Add New DDE Visit Form',
    items: newDDEform
});

Answer 1

将后面的代码添加到您的样式表中。也许它有效。

.x-date-menu {
   width: 175;
}

Answer 2

我不能像伍迪说的那样做，我是这样做的：

table.x-date-inner {
   width:200px !important;
}