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) |
Timestamp
Para pegar o timestamp utilize o método getTime() e para alterar, utilize o setTime().