Ir para conteúdo


Foto

Auto slash - máscara para datefield

datefield mask slash

  • Por favor, faça o login para responder
2 respostas neste tópico

#1 mandachuvamg

mandachuvamg

    Iniciante

  • Membros
  • Pip
  • 7 posts

Postado 22 January 2016 - 10:56

Olá,

Como configuro um datefield para auto completar o preenchimento de datas com as barras no formato dd/mm/yyyy?



#2 iso48

iso48

    Member Avançado

  • Membros
  • PipPipPip
  • 71 posts

Postado 22 January 2016 - 11:07

Será isto que pretende?

{
    xtype: 'datefield',
    name: 'data',
    fieldLabel: 'Data',
    format: 'd-m-Y',
    altFormats: 'dmY|d m Y',
    submitFormat: 'Y-m-d',
    maskRe: /[0-9\-]/,
    allowBlank: false
}


#3 mandachuvamg

mandachuvamg

    Iniciante

  • Membros
  • Pip
  • 7 posts

Postado 22 January 2016 - 12:13

 

Será isto que pretende?

{
    xtype: 'datefield',
    name: 'data',
    fieldLabel: 'Data',
    format: 'd-m-Y',
    altFormats: 'dmY|d m Y',
    submitFormat: 'Y-m-d',
    maskRe: /[0-9\-]/,
    allowBlank: false
}

Na verdade preciso que ao digitar a data as barras sejam inseridas no field.

Segue parte de uma função que escrevi para gerar a máscara. Porém o componente não aceita do setValue(), por estar incompleto no início da digitação.

[...]    
    enableKeyEvents : true,
    listeners: {
        'keyup': {
            fn: function (dateField, key) {

                var datevalue = dateField.getValue();

                if (datevalue.length == 2) {
                    datevalue = datevalue.substring(0, 2) + '/';
                }
                if (datevalue.length == 5) {
                    datevalue = datevalue.substring(0, 5) + '/';
                }

                if (datevalue.length == 8) {
                    if (datevalue.substring(6, 8) < 20) {
                        datevalue = datevalue.substring(0, 6) + '20' + datevalue.substring(6, 8);
                    }
                }

                console.log(datevalue);

                if(dateField.getValue() != datevalue){
                    dateField.setValue(datevalue);
                }

            }
        }
    }






Tópicos que também usam as tags datefield, mask, slash:

0 usuário(s) está(ão) lendo este tópico

0 membros, 0 visitantes, 0 membros anônimos