Results 1 to 3 of 3

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

    Looks like we cannot reproduce this. Please provide another test case to reproduce this issue.
  1. #1
    Sencha User
    Join Date
    Feb 2013
    Posts
    2
    Vote Rating
    0
      0  

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

    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,
    Martn

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Vote Rating
    1272
      0  

    Default

    This code:

    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
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Feb 2013
    Posts
    2
    Vote Rating
    0
      0  

    Default

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

    Code:
    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.

    Code:
    div, span, p, body, a, input, button, label, textarea, b {
        font-size: 12px !important;
    }
    How can I solve this problems?


    Thanks,
    Martn

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •