tutoriais mais recente desenvolvimento web
 

JavaScript Encontros


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 »