quinta-feira, 24 de março de 2016

Calendar do Primefaces em Português

       O primefaces é uma biblioteca fantástica, porém não sei por que eles não já deixaram padrão a parte de tradução dos componentes pelo menos para as principais linguagens distribuindo os aqruivos junto com o .jar. Já que não vem por padrão, cabe a nós fazermos essa configuração que é bastante simples.

         Primeiro vamos criar um arquivo chamado locale-primefaces.js Java com o seguinte código:

PrimeFaces.locales['pt'] = {
    closeText: 'Fechar',
    prevText: 'Anterior',
    nextText: 'Próximo',
    currentText: 'Começo',
    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'],
    dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado'],
    dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'],
    dayNamesMin: ['D','S','T','Q','Q','S','S'],
    weekHeader: 'Semana',
    firstDay: 0,
    isRTL: false,
    showMonthAfterYear: false,
    yearSuffix: '',
    timeOnlyTitle: 'Só Horas',
    timeText: 'Tempo',
    hourText: 'Hora',
    minuteText: 'Minuto',
    secondText: 'Segundo',
    ampm: false,
    month: 'Mês',
    week: 'Semana',
    day: 'Dia',
    allDayText : 'Todo o Dia'
};


         Guarde esse arquivo na pasta js dentro de resources em webapp:


Adicione as suas páginas ou no seu template a chamada ao arquivo:

<h:outputScript library="js" name="locale-primefaces.js"/>

Agora, basta nos componentes <p:calendar> usar a propriedade locale e informar o valor “pt” como mostrado abaixo:

<p:calendar id="dataDevolucao" value="#{novoAluguelBean.aluguel.dataDevolucao}" pattern="dd/MM/yyyy HH:mm" mask="true" locale="pt" />



Links úteis:

3 comentários: