jqueryUIEsse post é sobre uma dica rápida para quem usa JQuery ou está começando a usar.

Hoje precisei fazer um DatePicker funcionar dentro de um Dialog do JQuery UI.

O problema é que quando você faz isso.. o DatePicker fica atrás da janela de diálogo e a documentação do JQuery não comenta nada sobre isso (pelo menos eu não achei).

dialog-datePicker-problem

Esse problema é facilmente resolvido adicionando o seguinte código no seu CSS:

#ui-datepicker-div
{
    z-index: 1003;
}

dialog-datePicker-Ok

Pronto! Boa Sorte!

——————————————————————–

Edit:

aproveitando o mesmo post para dar mais uma dica sobre o DatePicker, vamos deixar ele em português brasil:

    // CONFIGURAÇÃO DO DATEPICKER DO JQUERYUI PARA PT-BR
    $.datepicker.setDefaults({dateFormat: 'dd/mm/yy',
                              dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'],
                              dayNamesMin: ['D','S','T','Q','Q','S','S','D'],
                              dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb','Dom'],
                              monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro', 'Outubro','Novembro','Dezembro'],
                              monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set', 'Out','Nov','Dez'],
                              nextText: 'Próximo',
                              prevText: 'Anterior'
                             });

Posts Relacionados

Imprimir Post Imprimir Post