Data, Mês e Ano em Javascript
Olá Galera, para muitos novatos, e outros nem tanto assim, hehehehehe, quando precisam exibir uma data formatada bonitinha, tipo São Paulo, 30 de Abril de 2008, ou algo semelhante, recorrem a scripts em PHP, ASP, etc, porém quando se está trabalhando com um site estático, ou sem línguagem de programação, como os mensionados acima, o ASP e PHP, fica um pouco complicado fazer isso, mas existe uma forma bem prática utilizando JavaScript, que não tem restrições para uso, como algum componente no servidor, ou algum recurso especial de alguma linguagem, ele pode até mesmo ser utilizado em HTML puro e simples.
Segue ai então o Script:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | function data(){ Hoje = new Date(); Data = Hoje.getDate(); Dia = Hoje.getDay(); Mes = Hoje.getMonth(); Ano = Hoje.getFullYear(); if(Data < 10) { Data = "0" + Data; } NomeDia = new Array(7) NomeDia[0] = "domingo" NomeDia[1] = "segunda-feira" NomeDia[2] = "terça-feira" NomeDia[3] = "quarta-feira" NomeDia[4] = "quinta-feira" NomeDia[5] = "sexta-feira" NomeDia[6] = "sábado" NomeMes = new Array(12) NomeMes[0] = "Janeiro" NomeMes[1] = "Fevereiro" NomeMes[2] = "Março" NomeMes[3] = "Abril" NomeMes[4] = "Maio" NomeMes[5] = "Junho" NomeMes[6] = "Julho" NomeMes[7] = "Agosto" NomeMes[8] = "Setembro" NomeMes[9] = "Outubro" NomeMes[10] = "Novembro" NomeMes[11] = "Dezembro" document.write("São Paulo, "+ Data + " de " + NomeMes[Mes] + " de " + Ano); } |
Aplicação para Funcionar:
1 2 3 | <script language="javascript"> data(); </script> |
Lembrando que você precisa inicialmente declarar a função com todos os seus parametros, e depois apenas chamá-la no contexto da página HTML, por exemplo. Essa função exibira a data assim: São Paulo, 30 de Abril de 2008, mas caso você queira exibir ela de uma forma diferente, ou exibindo os dias da semana, como Quarta-Feira, por exemplo, basta incluir "NomeDia[Dia]" onde tem a função de document.write.
10 Melhores dicas para WordPress
Desenvolvendo web com Modernizr
Barra de scroll com nanoScroller.js
jQuery e jQuery Mobile: A Evolução em um Framework
Confira o Podcast webARTz, com vários assuntos abordados aqui no blog. Utilize os links abaixo para baixar os arquivos.
Comentários (4)
Trackbacks/Pingbacks (0)
1ºPietro escreveu:
Obrigado! Estava procurando isso em vários sites, e só achei um que funcione no seu! Parabéns!
2ºMatheus escreveu:
Olá, no javascript eu tenho o getDay() que me retorna 1 até 7, certo ?
mas por exemplo, eu quero saber como eu uso o getDay pra uma data futura, tipo 10/10/2012
obrigado
3ºRodrigo Luis escreveu:
Olá Matheus,
Você pode testar usando o getDay() somando um valor a ele.
4ºSilvio Souza escreveu:
Muito obrigado Rodrigo Luis.
Depois de muita cancera achei um que funciona na minha página html.
Valeu!