Javascript Date – Trabalhando com datas e horário no Javascript

Post ensinando a como trabalhar com datas e horas “Javascript Date” utilizando apenas o Javascript.

manipulando o Javascript Date

Para trabalhar com as datas e horários no javascript iremos utilizar o “date object” e seus métodos gets e sets.

Neste primeiro exemplo iremos passar para o id “exemplo” a data completa em um formato literal.

<p id="exemplo"></p>

<script>
var d = new Date("October 5, 2017 10:00:00");
document.getElementById("exemplo").innerHTML = d;
</script>

Output (resultado do código acima)

Thu Oct 05 2017 10:00:00 GMT-0300 (Hora oficial do Brasil)

Você pode utilizar o mesmo exemplo acima para pegar a data / horário atual, basta apenas não passar nenhum parâmetro quando for instanciar o objeto Date.

<p id="exemplo"></p>

<script>
var d = new Date();
document.getElementById("exemplo").innerHTML = d;
</script>

Observação: A data e horário gerado irá utilizar a data e horário do computador aonde o script estiver sendo executado.

Métodos Gets

Para pegar apenas o dia:

var d = new Date();

alert( d.getDate() ); // 1 até 31

Mês (0 – Janeiro até 11 – Dezembro)

var d = new Date();

alert( d.getMonth() );

Pegar o dia da semana (0 até 6)

var d = new Date();

alert(d.getDay());

Ano completo, 4 dígitos, ex: 2017.

var d = new Date();

alert( d.getFullYear() );

Horário (0-23)

var d = new Date();

alert( d.getHours() );

Minuto (0-59)

var d = new Date();

alert( d.getMinutes() );

Lista dos métodos Sets

Você também pode alterar individualmente a data e horario do objeto Date utilizando os métodos Sets.

setDate() Alterar o dia (1 até 31)
setFullYear() Para alterar o ano (opcionamente o dia e o mês)
setHours() Alterar o horário (0-23)
setMilliseconds() Definir os mile segundos (0-999)
setMinutes() Definir minutos (0-59)
setMonth() Altera o mês (0-11)
setSeconds() Altera os segundos (0-59)

Timestamp

Para pegar o timestamp utilize o método getTime() e para alterar, utilize o setTime().

 

 

Resumo
Javascript Date
Nome do Artigo
Javascript Date
Descrição
Manipulando datas "date object" no Javascript
Autor
Editor
Roger Mauricio Takemiya
Logo do Editor

Dúvidas? Faça um comentário logo abaixo ou envie uma mensagem clicando aqui.

O seu endereço de e-mail não será publicado.