PauloRB.dev

Desenvolvedor de Software

Converter Date Time String para data no formato YYYY-MM-DD | PauloRB.dev Converter Date Time String para data no formato YYYY-MM-DD - PauloRB.dev
Converter Date Time String para data no formato YYYY-MM-DD

Converter Date Time String para data no formato YYYY-MM-DD

No post de hoje, vamos abordar uma necessidade comum em programação: como obter uma data no formato ANO-MÊS-DIA (YYYY-MM-DD) a partir de uma string em formato “Datetime String”, como a seguinte: ‘Sun Jan 29 2023 11:15:35 GMT-0300 (Horário Padrão de Brasília)’.

Uma prática comum é utilizar o objeto Date do JavaScript para converter a string em um objeto de data, como exemplificado abaixo:

let data_string = ‘Sun Jan 29 2023 11:15:35 GMT-0300 (Horário Padrão de Brasília)’;

let data_importacao = new Date(data_string);

Com o objeto de data criado, podemos extrair o ano, mês e dia utilizando os métodos getFullYear(), getMonth() e getDate(), respectivamente. No entanto, para formatar a data no padrão desejado, é necessário aplicar algumas manipulações adicionais:

let ano = data_importacao.getFullYear();

let mes = data_importacao.getMonth() + 1 > 9 ? data_importacao.getMonth() + 1 : ‘0’ + (data_importacao.getMonth() + 1);

let dia = data_importacao.getDate();

let data_formatada = ano + ‘-‘ + mes + ‘-‘ + dia;

Embora este método funcione, ele exige várias etapas para alcançar o resultado desejado. Felizmente, podemos simplificar o processo com a utilização do método toISOString() do objeto Date, que retorna uma string no formato ISO estendido (YYYY-MM-DDTHH:mm:ss.sssZ), como exemplificado abaixo:

let data_string = ‘Sun Jan 29 2023 11:15:35 GMT-0300 (Horário Padrão de Brasília)’;

let data_formatada = new Date(data_string).toISOString().substr(0, 10);

Dessa forma, conseguimos obter a data formatada com apenas duas linhas de código. Para mais informações sobre a função toISOString().

Mais Posts

Entendendo o Conceito de Estado no React

Entendendo o Conceito de Estado no React

Em React, o estado refere-se a uma estrutura de dados que determina o comportamento do componente e como ele será... Leia mais

Alterar função ONCLICK de um botão com JavaScript Vanilla

Alterar função ONCLICK de um botão com JavaScript Vanilla

Vamos lá a mais um estudo de caso. Na tela abaixo temos um crud simples cujo frontend foi feito com... Leia mais

Tutorial de Desenvolvimento: Criando um Jogo de Tetris

Tutorial de Desenvolvimento: Criando um Jogo de Tetris

E vamos a mais um tutorial de outro joguinho clássico só que dessa vez vamos recriar o Tetris. Link do... Leia mais

A função WITH RECURSIVE no PostgreSQL

A função WITH RECURSIVE no PostgreSQL

A função WITH RECURSIVE no PostgreSQL é uma ferramenta poderosa para a execução de consultas recursivas em bancos de dados.... Leia mais