Entries Tagged 'Códigos' ↓

Inserindo um calendário javascript para entrada de data no rails

Para inserir um calendário em uma aplicação rails, vamos utilizar o plugin Calendar Date Select. Ele é um calendário em Javascript que utiliza a biblioteca Prototype.

Algumas demonstrações do funcionamento podem ser vistas em http://electronicholas.com/calendar.

Para instalá-lo:

script/plugin install http://calendardateselect.googlecode.com/svn/tags/calendar_date_select

Após instalado o plugin voce deve inserir o calendário na view em que voce deseja:

No caso acima escolhemos a cor cinza (”silver”) mas também é possível escolher outras cores como vermelho (”red”) e azul (”blue”).

Insira também a biblioteca Prototype caso ela já não esteja incluída:

Agora é só inserir o código para o calendário como abaixo:

Existem várias opções de customização do calendário que podem ser encontradas no site oficial

Traduzindo o calendário para português

Para passar os dias da semana e a data para o formato d/M/Y deve-se ir no environment.rb e adicionar:

Obs.: O formato italiano corresponde ao formato (’d/M/Y’)

Deve-se adicionar o javascript correspondente à esse formato, incluindo na view:

Para a tradução para o português, deve-se criar o arquivo pt.js em public/javascripts/calendar_date_select/locale

pt.js

E para que o calendário adote o idioma português como configurado acima basta adicionar a variável

como mostrado abaixo.