Datepicker

O componente 'datepicker' disponibiliza para o usuário um calendário visual no qual se pode selecionar uma data.

O código abaixo mostra o uso padrão do datapicker:

Se você usar somente o código acima o seu calendário (datapicker) ficará em inglês, entretanto o datapicker suporta internacionalização e você pode realizar a mudança para o portugês com o código abaixo completo do arquivo datapicker_2.html:

Repare que o arquivo datapicker_2.html está internacionalizado e ele é exibido no navegador como na Figura 6.

É importante observar que no arquivo datapicker_2.html adicionamos mais um arquivo javascript chamado datepicker-pt-BR.js com a tag:

Esse arquivo não vem disponível por padrão no jQuery UI e pode ser obtido através do site:

https://github.com/jquery/jquery-ui/tree/master/ui/i18n

Basta clicar no arquivo datapicker-pt-BR.js, clicar em seguida no botão chamado “Raw” E o arquivo abrirá no navegador. Depois disso basta salvar como (CTRL + S) e escolher a pasta WebContent do seu projeto como destino.

Depois do arquivo datapicker-pt-BR.js adicionado na página o comando utilizado para informar ao calendário que utilize a língua portuguesa é: