Dúvidas de iniciante JavaScript | formatar Date com mês por extenso BR

Se você está aprendendo JavaScript, é natural ter algumas dúvidas e dificuldades iniciais. Uma delas pode ser como formatar a data em JavaScript para que o mês seja exibido por extenso em português do Brasil. Neste artigo, vamos mostrar algumas dicas que podem te ajudar a resolver esse problema.

Utilização do Intl.DateTimeFormat

Uma maneira simples de formatar a data com o mês por extenso em JavaScript é utilizando o objeto Intl.DateTimeFormat. Este objeto permite formatar datas de acordo com as configurações de localização, incluindo a exibição do mês por extenso.

Veja um exemplo de como usar o Intl.DateTimeFormat para formatar a data com o mês por extenso em português do Brasil:

let data = new Date();
let options = { year: 'numeric', month: 'long', day: 'numeric' };
let formato = new Intl.DateTimeFormat('pt-BR', options);
console.log(formato.format(data)); // Exibe a data formatada com o mês por extenso, por exemplo: "21 de setembro de 2021"

Utilização de bibliotecas externas

Além disso, existem também diversas bibliotecas JavaScript que facilitam a formatação de datas, incluindo a exibição do mês por extenso. Alguns exemplos de bibliotecas populares são Luxon, date-fns e moment.js.

Veja um exemplo de como usar a biblioteca Luxon para formatar a data com o mês por extenso em português do Brasil:

let DateTime = luxon.DateTime;
let data = DateTime.now().toFormat('dd 'de' LLLL 'de' yyyy', { locale: 'pt-BR' });
console.log(data); // Exibe a data formatada com o mês por extenso, por exemplo: "21 de setembro de 2021"

Conclusão

Formatar a data com o mês por extenso em JavaScript pode ser feito de maneira simples utilizando o objeto Intl.DateTimeFormat ou através de bibliotecas externas. Esperamos que as dicas apresentadas neste artigo te ajudem a resolver suas dúvidas e facilitar o trabalho com datas em JavaScript.