Hoje vou postar – a pedidos de uma aluna – como colocar data em um site em Javascript.
Vamos lá.
Onde eu coloco os códigos em Javascript?
Os códigos devem ser inseridos dentro das Tags <head> </head> do html.
ficando assim:
Reparem nas linhas 4 e 10, elas são as responsáveis por iniciar e fechar o bloco de códigos em javascript.
Como colocar data na página?
Para inserir a data na página, precisamos criar uma classe Date:
Onde: Data é uma variável que eu crio, e após o igual esta dizendo que é uma nova classe Date.
Caso eu mande escrever a variável Data, a minha saída será: Tue Aug 19 2008 11:33:26 GMT-0300 (Hora oficial do Brasil) ou seja, muito mais coisa do que precisamos. Então, precisamos extrair o que queremos:
Nas linhas 8 e 9, nós atribuimos à variável DataDeHoje:
Hoje é: Dia/Mês/Ano.
Na linha 10, nós usamos a função Alert para exibir uma mensagem com data.
OBS sobe o getYear();
O resultado que iremos obter vai depender do navegador.
Este método retorno o ano com dois ou três dígitos. O valor retornado por getYear nem sempre é retornado com 4 dígitos. Para anos entre 1900 e 1999 o retorno é só dois dígitos.
Para outros anos (antes de 1900 e depois de 1999) o retorno depende do navegador:
Internet Explorer:
- Retorna 4 dígitos antes de 1900 e depois de 1999.
Firefox:
- Retorna um valor menor do que zero para anos antes de 1900. Por exemplo: o ano 1800 retorna -100.
- Retorna um valor 100 ou maior para anos igual ou maior a 2000. Por exemplo: o ano 2008 retorna 108.
Então nossa saída no Firefox será:
No Internet Explorer:
Sobre Datas: EU particularmente prefiro colocar a data utilizando uma linguagem de programação como o PHP, caso você tenha interesse, eu escrevi um POST sobre a classe Date do PHP.
Para escrever a data no corpo da página, iremos utilizar o document.writer:
Observe que colocamos o código entre as tags <body></body>
É isso ae, espero que tenha sido útil.
Abraços a todos.
[UPDATE]
Uma dica do Lucas Ferreira é utilizar o getFullYear(); que segundo ele é mais preciso do que o getYear().
Valeu Lucas!
1 comentários:
E ai bio,
Só o seguinte, usa getFullYear() ao invés de getYear() é muito mais preciso =P
Abracetas... ;)
Postar um comentário