Na lição anterior, você aprendeu como trabalhar com o objeto Date em JavaScript. Mas existem algumas maneiras diferentes de formatar datas em JavaScript. Nesta lição, vamos ver como trabalhar com os métodos toISOString(), toString() e toLocaleDateString() para formatar datas em JavaScript. Antes de analisarmos os diferentes métodos, vamos primeiro revisar como o objeto Date se parece:

const date = new Date();
console.log(date);

Quando você registra o objeto date no console, verá a data e hora atuais com base nas configurações do sistema do usuário. Aqui está um exemplo da saída que você pode ver:

Sun Sep 29 2024 19:45:37 GMT-0700 (Pacific Daylight Time)

Se você usasse o método toString() no objeto date, veria a mesma saída que acima. Para formatar a data em um formato ISO estendido (ISO 8601), você pode usar o método toISOString() assim:

const date = new Date();
console.log(date.toISOString());

ISO 8601 é um padrão internacional para representar datas e horários. O formato é YYYY-MM-DDTHH:mm:ss.sssZ. Aqui está um exemplo da saída que você pode ver:

2024-09-30T02:47:20.292Z

Outra forma de formatar a data seria usar o método toLocaleDateString(). Este método permite formatar a data com base na localidade do usuário. Aqui está a sintaxe básica para usar o método toLocaleDateString():

const date = new Date();
console.log(date.toLocaleDateString());

Aqui está um exemplo da saída que você pode ver:

9/29/2024

O método toLocaleDateString() aceita dois parâmetros opcionais: locales e options. O parâmetro locales é uma string que representa o locale a ser usado. Por exemplo, você pode passar en-US para inglês (Estados Unidos) ou fr-FR para francês (França). Se você não passar um parâmetro locales, o locale padrão será usado. Aqui está um exemplo de como usar o parâmetro locales:

const date = new Date();
console.log(date.toLocaleDateString("fr-FR"));

O segundo parâmetro opcional é o parâmetro options. Este parâmetro é um objeto que permite especificar o formato da string de data. Aqui está um exemplo de como usar o parâmetro options:

const date = new Date();
const options = {
  weekday: "long",
  year: "numeric",
  month: "long",
  day: "numeric",
};
console.log(date.toLocaleDateString("en-GB", options));

No exemplo acima, especificamos as opções para estar em English (Great Britain) e para incluir o nome completo do dia da semana, ano, mês e dia. Aqui está um exemplo da saída que você pode ver:

Sunday, September 29, 2024

In this lesson, we have only covered a few of the ways to format dates in JavaScript. Existem muitos outros métodos e bibliotecas disponíveis para ajudar você a formatar datas em JavaScript. Mas os métodos toISOString() e toLocaleDateString() são um bom ponto de partida para formatar datas em JavaScript.