Como converter milissegundos para data com JavaScript

Neste artigo você vai aprender a como converter milissegundos para data com JavaScript, vem conferir como é simples!

Fala programador(a), beleza? Bora aprender mais sobre datas e JavaScript!

Introdução

Em muitas situações de desenvolvimento web, é necessário trabalhar com datas e horas. Uma das tarefas comuns é converter milissegundos em um objeto de data legível.

Os milissegundos são uma medida de tempo usada para representar intervalos de tempo em uma escala numérica.

Neste artigo, mostraremos como converter milissegundos para um objeto de data em JavaScript usando a classe Date e suas funções associadas.

Passo 1: Criar um objeto Date

O primeiro passo para converter milissegundos em uma data é criar um objeto Date usando o valor de milissegundos fornecido.

A classe Date em JavaScript possui um construtor que aceita um valor numérico de milissegundos desde a época Unix (1 de janeiro de 1970, 00:00:00 UTC).

Ao fornecer esse valor, você pode criar um objeto Date correspondente à data e hora especificadas.

const milliseconds = 1634269033000; // Exemplo de valor em milissegundos
const date = new Date(milliseconds);

Passo 2: Extrair informações da data

Uma vez que você tenha criado o objeto Date, é possível extrair informações úteis, como o ano, mês, dia, hora, minutos e segundos.

A classe Date fornece vários métodos para acessar essas informações:

const year = date.getFullYear();
const month = date.getMonth() + 1; // Os meses são indexados a partir de 0, então adicionamos 1
const day = date.getDate();
const hours = date.getHours();
const minutes = date.getMinutes();
const seconds = date.getSeconds();

Passo 3: Formatar a data

Depois de extrair as informações desejadas, você pode formatar a data e a hora em uma string legível.

Aqui está um exemplo de como formatar a data em uma string no formato “AAAA-MM-DD HH:mm:ss”:

const formattedDate = `${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')} ${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;

O método padStart é usado para garantir que todos os componentes da data e hora tenham dois dígitos, adicionando um zero à esquerda, se necessário.

Passo 4: Criar uma função para converter milissegundos em data

Agora que você sabe como converter milissegundos em um objeto de data e formatá-lo, pode ser útil criar uma função para realizar essa tarefa:

function millisecondsToDate(milliseconds) {
  const date = new Date(milliseconds);
  const year = date.getFullYear();
  const month = date.getMonth() + 1;
  const day = date.getDate();
  const hours = date.getHours();
  const minutes = date.getMinutes();
  const seconds = date.getSeconds();

  return `${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')} ${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
}

Com essa função, você pode facilmente converter milissegundos em uma data formatada:

const milliseconds = 1634269033000; // Exemplo de valor em milissegundos
const formattedDate = millisecondsToDate(milliseconds);
console.log(formattedDate); // Exemplo de saída: "2021-10-15 12:30:33"

Quer aprender mais sobre React? Confira o vídeo abaixo:

Conclusão

Neste artigo, mostramos como converter milissegundos para uma data legível em JavaScript usando a classe Date e seus métodos associados.

Aprendemos a criar um objeto Date a partir de um valor de milissegundos, extrair informações de data e hora e formatá-las em uma string legível.

Ao seguir os passos e exemplos apresentados neste artigo, você pode facilmente trabalhar com datas e horas em suas aplicações JavaScript, lidando com conversões de milissegundos e outros problemas relacionados ao tempo de forma eficiente e precisa.

Lembre-se de que a classe Date do JavaScript lida com datas e horas em um contexto local.

Se você precisar trabalhar com datas e horas em diferentes fusos horários, considere o uso de bibliotecas externas, como a Luxon, que fornece recursos avançados para lidar com datas e horas em várias situações.

Está buscando em evoluir como Programador? Confira o nossos cursos clicando aqui.

Nosso principal objetivo é tornar você um dev profissional que é capaz de resolver problemas de alta dificuldade e criar projetos complexos, através de uma metodologia planejada nos mínimos detalhes, após formar muitos outros desenvolvedores.

Cursos com vários projetos, exercícios, material apoio, comunidade de alunos e muito mais!