[ Componentes ] Calendário com JavaScript

- terça-feira, 22 de dezembro de 2009

Mais uma vez estou postando para tentar ajudar desenvolvedores com problemas ao inserir componentes client-side.

Estou trabalhando em um projeto com MVC, e tive problemas em achar um bom calendário para colocar na aplicação. Depois de procurar um pouco, achei o Tigra Calendar, um calendário simples mas muito eficiente. O único problema é no formato da data, ele esta configurado para dd-MM-yyyy ou MM/dd/yyyy, como eu precisava de dd/MM/yyyy fiz algumas pequenas mudanças e vou disponibilizar.

para usar o Tigra Calendar siga as instruções abaixo:

  1. Faça download do arquivo disponivel aqui:
  2. Descompacte o arquivo, dentro do zip existe um arquivo com o nome de tigra_calendar_pt.js e uma pasta Calendar_img. Coloque o js no diretório onde vc coloca os javascripts (geramente no root do site na pasta scripts) e o diretório Calendar_img dentro da pasta de imagens ( eu uso o content).
  3. para finalizar vamos inserir o calendário, para isso inclua a seguinte linha na sua master ( ou content placeholder de scripts):

        <script language="JavaScript" src="../../Scripts/Calendar/calendar_us.js"></script>

     4. Agora precisamos definir onde ficará a imagem que quando clicada vai abrir o calendario, para isso basta abrir o arquivo tigra_calendar_pt.js e mudar o valor da variavel imgpath.

     5. De volta a sua página coloque o seguinte script:

       <script language="JavaScript">
            new tcal({
                // form name
                'formname': 'nomeForm',
                // input name
                'controlname': 'nomeInput'
            });
        </script>

       Obviamente nomeForm e nomeInput devem ser mudados respectivamente pelo nome do form e do input onde aparecerá a data depois de selecionada.

Pronto agora é so salvar e testar seu novo calendário.

 

OBS: não desenvolvi o componente, apenas adaptei algumas coisas que precisei, contuto, qualquer dúvida tentarei solucionar.



Blogado por Rafa Almeida as 10:58
Rafael Almeida Rafael da Silva Almeida, 22 Desenvolvedor;
C#, VB.NET, Java, C, Phyton, Linq, MVC;
VSTS, SQL, TV Digital, Xletview;
eusou@rafaelalmeida.net
SKYPE: stupied4ever
MSN: r.almeidasilva@terra.com.br
Twitter

Ultimos Posts

Amigos