Uma introdução a datas e horas em JavaScript

Trabalhar com datas é um aspecto importante da programação. O objeto de data integrado é usado para trabalhar com datas e horas em JavaScript. Os vários métodos do objeto de data tornam a tarefa muito mais fácil ao trabalhar com datas e horas.

Neste artigo, você aprenderá tudo o que precisa saber sobre como trabalhar com datas em JavaScript. Então, sem mais delongas, vamos pular.

Como criar objetos de data

Você pode criar um objeto de data em JavaScript usando as quatro maneiras a seguir:

1. Nova data()

O Nova data() cria um objeto de data com a data e hora atuais.

deixe d = new Data();
console.log (d);

Saída:

Seg 03 de janeiro de 2022 20:27:58 GMT+0530 (Horário Padrão da Índia)

2. nova data (datastring)

O nova data (datastring) construtor cria um objeto de data a partir de uma string de data.

let d = new Data("2022-01-01");
console.log (d);

Saída:

Sábado 01 de janeiro de 2022 05:30:00 GMT+0530 (Horário Padrão da Índia)

3. nova data (milissegundos)

O nova data (milissegundos) construtor cria um objeto de data adicionando os milissegundos ao tempo zero. O parâmetro representa o tempo decorrido em milissegundos desde 1º de janeiro de 1970 UTC.

deixe d1 = nova Data (0);
console.log (d1);
deixe d2 = nova data (973436457364);
console.log (d2);

Saída:

Qui, 01 de janeiro de 1970 05:30:00 GMT+0530 (horário padrão da Índia)
Dom 05 de novembro de 2000 20:30:57 GMT+0530 (Horário Padrão da Índia)

4. nova Data (ano, mês, dia, horas, minutos, segundos, milissegundos)

O nova Data (ano, mês, dia, horas, minutos, segundos, milissegundos) construtor cria um objeto de data com uma data e hora especificadas. Os sete parâmetros especificam o ano, mês, dia, horas, minutos, segundos e milissegundos, respectivamente.

let d = nova data (2020, 10, 11, 15, 29, 46, 0);
console.log (d);

Saída:

Quarta-feira, 11 de novembro de 2020 15:29:46 GMT+0530 (horário padrão da Índia)

Você também pode criar um objeto de data com seis, quatro, três ou dois parâmetros.

a) Os seis parâmetros especificam ano, mês, dia, hora, minuto e segundo.

b) Os cinco parâmetros especificam ano, mês, dia, hora e minuto.

c) Os quatro parâmetros especificam ano, mês, dia e hora.

d) Os três parâmetros especificam ano, mês e dia.

e) Os dois parâmetros especificam ano e mês.

Observação:

• JavaScript conta meses de 0 a 11, ou seja, janeiro é representado por 0 e dezembro é representado por 11.
• Se você especificar valores fora do intervalo no objeto Date, ele não gerará um erro, ele se corrigirá automaticamente.

// Março não tem 40 dias, o estouro é corrigido automaticamente
let d = nova data (2020, 2, 40);
console.log (d);

Saída:

Qui, 09 de abril de 2020 00:00:00 GMT+0530 (Horário Padrão da Índia)

Métodos de obtenção de data JavaScript

Você pode usar os seguintes métodos para obter informações de um objeto de data.

1. getFullYear()

Este método retorna o ano como um número de quatro dígitos (aaaa) de acordo com a hora local.

deixe d = new Data();
console.log (d.getFullYear());

Saída:

2022

2. getMês()

Este método retorna o mês como um número (0-11) de acordo com a hora local.

deixe d = new Data();
console.log (d.getMonth());

Saída:

0

3. getData()

Este método retorna o dia como um número (1-31) de acordo com a hora local.

deixe d = new Data();
console.log (d.getDate());

Saída:

3

Relacionado: Uma introdução aos tipos de dados em JavaScript

4. getHoras()

Este método retorna a hora (0-23) de acordo com a hora local.

deixe d = new Data();
console.log (d.getHours());

Saída:

22

5. getMinutes()

Este método retorna o minuto (0-59) de acordo com a hora local.

deixe d = new Data();
console.log (d.getMinutes());

Saída:

40

6. getSeconds()

Este método retorna o segundo (0-59) de acordo com a hora local.

deixe d = new Data();
console.log (d.getSeconds());

Saída:

30

7. getMilisegundos()

Este método retorna o milissegundo (0-999) de acordo com a hora local.

deixe d = new Data();
console.log (d.getMilliseconds());

Saída:

55

Relacionado: JavaScript One-Liners que você deve conhecer

8. consiga tempo()

Este método retorna o tempo em milissegundos desde 1º de janeiro de 1970.

deixe d = new Data();
console.log (d.getTime());

Saída:

1641230088884

9. getDia()

Este método retorna o dia da semana como um número (0-6) de acordo com o horário local.

deixe d = new Data();
console.log (d.getDay());

Saída:

1

Observação: Se você quiser trabalhar com as datas UTC, você pode usar os seguintes métodos de data: getUTCDate()​​​​​​​, getUTCDay(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMilissegundos(), getUTCMinutes(), getUTCMonth(), e getUTCSsegundos().

Métodos de conjunto de datas JavaScript

Você pode usar os métodos a seguir para definir uma parte de um objeto de data.

1. setData()

Este método define o dia como um número (1-31) para uma data especificada de acordo com a hora local.

deixe d = new Data();
d.setDate (20);
console.log (d);

Saída:

Qui, 20 de janeiro de 2022 22:58:59 GMT+0530 (Horário Padrão da Índia)

Relacionado: Métodos de matemática JavaScript que você deve dominar hoje

2. setFullYear()

Este método define o ano para uma data especificada de acordo com a hora local.

deixe d = new Data();
d.setFullYear (2016);
console.log (d);

Saída:

Dom 03 de janeiro de 2016 23:00:41 GMT+0530 (Horário Padrão da Índia)

3. setHoras()

Este método define a hora (0-23) para uma data especificada de acordo com a hora local.

deixe d = new Data();
d.setHoras (15);
console.log (d);

Saída:

Seg 03 de janeiro de 2022 15:02:01 GMT+0530 (Horário Padrão da Índia)

Relacionado: Como construir uma calculadora simples usando HTML, CSS e JavaScript

4. setMilisegundos()

Este método define os milissegundos (0-999) para uma data especificada de acordo com a hora local.

deixe d = new Data();
d.setMilisegundos (548);
console.log (d);

Saída:

Seg 03 de janeiro de 2022 23:04:13 GMT+0530 (Horário Padrão da Índia)

Da mesma forma, você pode usar o setMinutes(), setMês(), e setSeconds() métodos para definir os minutos (0-59), mês (0-11) e segundos (0-59) respectivamente para uma data especificada de acordo com a hora local.

Exemplo de hora atual do JavaScript

Um exemplo simples para imprimir a hora atual do sistema:

Se você quiser dar uma olhada no código-fonte completo usado neste artigo, aqui está o Repositório do GitHub.​​​​​​​

Desenvolva projetos usando os conceitos de data do JavaScript

Você encontrará muitas instâncias de datas JavaScript enquanto trabalha em aplicativos do mundo real. Se você deseja começar com um projeto simples e ganhar experiência prática, pode desenvolver um relógio digital usando HTML, CSS e JavaScript. Junto com as datas, você também aprenderá alguns conceitos importantes de JavaScript, como trabalhar com variáveis, usar funções, acessar e adicionar propriedades ao DOM e muito mais.

Como criar um relógio digital usando HTML, CSS e JavaScript

Você codifica até que o chilrear dos pássaros lhe informe que é de manhã? Mantenha o controle do tempo com este relógio personalizado.

Leia a seguir

Sobre o autor