[ Componentes ] Calendário com JavaScript
- terça-feira, 22 de dezembro de 2009Mais 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:
- Faça download do arquivo disponivel aqui:
- 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).
- 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.
Ultimos Posts
25/7/2010
16/7/2010
8/7/2010
29/6/2010
8/2/2010
Amigos
Navarro
Klaus
Andre
Danilo
Tomás
Carolina Andrade
Design By Carolina Andrade
Rafael da Silva Almeida, 22 Desenvolvedor;
