quarta-feira, 31 de outubro de 2012

Editar o Datepicker para Português


Dica para quem vai trabalhar com JQuery atenção ao adicionar as referências, pois as interações, efeitos, utilities e widgets dependem da referência correta para funcionar.

Exemplo:


<link rel="stylesheet" href="js/css/jquery-ui-1.9.1.custom.css" type="text/css" media="all">
<link rel="stylesheet" href="js/css/jquery-ui-1.9.1.custom.min.css" type="text/css" media="all">

 <script type="text/javascript" src="js/jquery-1.8.2.js" ></script>
 <script type="text/javascript" src="js/jquery-ui-1.9.1.custom.js" ></script> <script type="text/javascript" src="js/jquery-ui-1.9.1.custom.min.js" ></script>

Para resolver o problema do idioma no Datepicker fizemos desta forma no trabalho:

<script>
    $(function(){
$.datepicker.regional['pt-BR'] = {
closeText: 'Fechar',
prevText: '&#x3c;Anterior',
nextText: 'Pr&oacute;ximo&#x3e;',
currentText: 'Hoje',
monthNames: ['Janeiro','Fevereiro','Mar&ccedil;o','Abril','Maio','Junho',
'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
'Jul','Ago','Set','Out','Nov','Dez'],
dayNames: ['Domingo','Segunda-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
weekHeader: 'Sm',
dateFormat: 'dd/mm/yy',
firstDay: 0,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''};
$.datepicker.setDefaults($.datepicker.regional['pt-BR']);
});
// Função Datepicker chama a primeira que faz a conversão para português
$(function() {
        $( "#datepicker" ).datepicker( $.datepicker.regional[ "pt-BR" ]);
    });
</script>

O resultado esta exposto no blog.



3 comentários:

  1. Pessoal, baixei o locale.php em português e o site parou de funcionar, voltei o arquivo original e alterei todos os nomes dos meses para português. O único lugar onde foi alterado foi no painel administrativo geral (que antes aparecia em inglês). Na página continua em inglês. Já tentei alterar tbm o "datepicker" para português, mas não funcionou. Quando eu peço pra "inspecionar elemento da página", ele mostra a data em inglês no widget, não sei como alterar, por favor, ajudem. Agradeço desde já!

    ResponderExcluir