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.

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)