O objeto Date permite trabalhar com datas (anos, meses, dias, horas, minutos, segundos e milissegundos)
Formatos de data de JavaScript
A data de JavaScript pode ser escrito como uma string:
Sun 06 de novembro de 2016 06:57:46 GMT + 0800 (中国标准时间)
ou como um número:
1478386666530
Datas escritas como números, especifica o número de milissegundos desde 1 de janeiro de 1970, 00:00:00.
exibir datas
Neste tutorial vamos usar um script para exibir datas dentro de um <p> elemento com id="demo" :
Exemplo
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = Date();
</script>
Tente você mesmo " O script acima diz: atribuir o valor de Date() com o conteúdo ( innerHTML ) do elemento com id="demo" .
Você vai aprender como exibir uma data, em um formato mais legível, na parte inferior desta página.
Criando Data Objects
O objeto Date permite-nos trabalhar com datas.
Uma data consiste de um ano, um mês, um dia, uma hora, uma hora, uma segunda, e milissegundos.
Objetos Date são criados com o new Date() construtor.
Existem 4 formas de iniciar uma data:
new Date()
new Date(milliseconds)
new Date(dateString)
new Date(year, month, day, hours, minutes, seconds, milliseconds)
Usando new Date() , cria um novo objeto de data com a data e hora atual:
Exemplo
<script>
var d = new Date();
document.getElementById("demo").innerHTML =
d;
</script>
Tente você mesmo " Usando new Date (string data), cria um novo objeto de data a partir da data e hora especificadas:
Exemplo
<script>
var d = new Date("October 13, 2014 11:13:00");
document.getElementById("demo").innerHTML =
d;
</script>
Tente você mesmo " cordas data válida (formatos de data) são descritos no próximo capítulo.
Usando new Date (número), cria um novo objeto data como tempo zero mais o número.
Zero tempo é 01 January 1970 00:00:00 UTC . O número é especificado em milissegundos:
Exemplo
<script>
var d = new Date(86400000);
document.getElementById("demo").innerHTML =
d;
</script>
Tente você mesmo " datas JavaScript são calculados em milissegundos desde 1 de janeiro de 1970 00:00:00 Tempo Universal (UTC). Um dia contém 86.400.000 milissegundo.
Usando new Date (7 números), cria um novo objeto de data com a data e hora especificadas:
Os 7 números especificar o ano, mês, dia, hora, minuto, segundo e milissegundo, nessa ordem:
Exemplo
<script>
var d = new Date(99,5,24,11,33,30,0);
document.getElementById("demo").innerHTML =
d;
</script>
Tente você mesmo " Variantes do exemplo acima vamos omitir qualquer dos últimos 4 parâmetros:
Exemplo
<script>
var d = new Date(99,5,24);
document.getElementById("demo").innerHTML = d;
</script>
Tente você mesmo " JavaScript conta meses de 0 a 11. janeiro é 0. dezembro é 11.
Métodos de data
Quando um objeto Date é criado, uma série de métodos permitem operar sobre ele.
métodos de data permitirá que você obter e definir o ano, mês, dia, hora, minuto, segundo e milissegundo de objetos, usando a hora local ou UTC (universal, ou GMT).
métodos de data são cobertos em um capítulo posterior.
exibir datas
Quando você exibir um objeto de data em HTML, ele é automaticamente convertido para uma cadeia, com o toString() método.
Exemplo
<p id="demo"></p>
<script>
d = new Date();
document.getElementById("demo").innerHTML = d;
</script>
É o mesmo que:
<p id="demo"></p>
<script>
d = new Date();
document.getElementById("demo").innerHTML = d.toString();
</script>
Tente você mesmo " O toUTCString() método converte uma data para uma cadeia UTC (um padrão de apresentação da data).
Exemplo
<script>
var d = new Date();
document.getElementById("demo").innerHTML =
d.toUTCString();
</script>
Tente você mesmo " O toDateString() método converte uma data para um formato mais legível:
Exemplo
<script>
var d = new Date();
document.getElementById("demo").innerHTML =
d.toDateString();
</script>
Tente você mesmo " objetos Date são estáticos. O tempo de computador está correndo, mas os objetos data, uma vez criado, não são.
Fusos horários
Ao definir uma data, sem especificar o fuso horário, JavaScript usará o fuso horário do browser.
Ao obter uma data, sem especificar o fuso horário, o resultado é convertido para o fuso horário do browser.
Em outras palavras: Se a data / hora é criado em GMT (Greenwich Mean Time), a data / hora será convertido para CDT (Central dos EUA Daylight Time), se um usuário navega a partir central norte-americano.
Leia mais sobre fusos horários nos próximos capítulos.
Teste-se com exercícios!
Exercício 1 » Exercício 2» Exercício 3 »