DatePicker not displays correctly when you try to change month and year together

[mmartin87]

Hello.

In the DatePicker that is used in DateFields there is a button in top to change month and year together.

This button must display a panel with months and years, but it only works in Internet Explorer (not works in Firefox nor Chrome).

I use Ext JS 3.4.

¿Someone can resolve this bug?

Thanks,
Martín

[mitchellsimoens]

This code:

new Ext.form.FormPanel({
    renderTo : document.body,
    width    : 400,
    title    : 'Test',
    items    : [
        {
            xtype      : 'datefield',
            fieldLabel : 'Date'
        }
    ]
});

works for me when changing the month and year using 3.4.0 and Chrome 26

[mmartin87]

This is the code (there are very much code, but I obviously can't put here).

var tfechainicio = new Ext.form.DateField({
                fieldLabel: 'Fecha de inicio',
                name: 'fechainicio',
                width: 120,
                enableKeyEvents: true,
                readOnly: ((!tengoRol('ADMKT') && !tengoRol('AGENCIA')) || (tengoRolStrict('AGENCIA') && !puedoEditar()) || noEditable) ? true : false,
                helpText: 'La fecha de inicio es obligatoria si el medio es acto/feria',
                format: 'd/m/Y',
                altFormats: 'd/m/y|d/n/Y|d/n/y|j/m/Y|j/m/y|j/n/Y|j/n/y' //|n/j/Y|n/j/y|m/j/y|n/d/y|m/j/Y|n/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d|Y-m-d'
        ,
                disabled: !(tengoRol('ADMKT')),
                listeners: {
                    keyup: function () { validaForm(); fechainicioAg.setValue(tfechainicio.getValue()); },
                    select: function () { validaForm(); fechainicioAg.setValue(tfechainicio.getValue()); }
                }
            });

In Firefox if you clic in the top button to change month and year the panel goes down and goes up rapidly. In Chrome the panel doesn't appear. In Internet Explorer the panel appears correctly, although the bottom buttons don't display well because the panel must have more height because I changed the font size because the default font size is too small. I used this CSS code to change the font size. Maybe it causes too the problems in Firefox and Chrome.

div, span, p, body, a, input, button, label, textarea, b {
    font-size: 12px !important;
}

How can I solve this problems?


Thanks,
Martín