Atualizado: 05/05/2023
Como formatar data por extenso em JavaScript | Tutorial de Programação.
Aprenda como formatar datas por extenso em JavaScript de forma simples e eficiente.
Nosso guia prático oferece um passo a passo detalhado, mostrando como utilizar código JavaScript para exibir datas com nomes de meses por extenso.
Aprenda a criar uma função personalizada que transforma datas no formato 'dd de mês de yyyy'.
A formatação de datas é uma habilidade importante para desenvolvedores web e este tutorial irá te ajudar a dominar essa técnica.
Confira agora mesmo e melhore suas habilidades de programação!.
formatar data JavaScript
Muito utilizado em sites de matérias e jornais, modifique a data para o formato extenso com este pequeno código.
Exemplo:
<script language="JavaScript">
document.write("<font color='#990000' size='4' face='arial'>(<i><b>"); // Abre a tag de fonte com cor, tamanho e face da fonte
var mydate = new Date();
var year = mydate.getFullYear(); // Obtém o ano com 4 dígitos
var day = mydate.getDay(); // Obtém o dia da semana (0-6)
var month = mydate.getMonth(); // Obtém o mês (0-11)
var daym = mydate.getDate(); // Obtém o dia do mês
if (daym < 10)
daym = "0" + daym; // Adiciona um zero à esquerda se o dia for menor que 10
var dayarray = ["Domingo","Segunda-feira","Terça-feira","Quarta-feira","Quinta-feira","Sexta-feira","Sábado"]; // Array com os nomes dos dias da semana
var montharray = [" de Janeiro de "," de Fevereiro de "," de Março de ","de Abril de ","de Maio de ","de Junho de","de Julho de ","de Agosto de ","de Setembro de "," de Outubro de "," de Novembro de "," de Dezembro de "]; // Array com os nomes dos meses
document.write(" "+dayarray[day]+": "+daym+" "+montharray[month]+year+" "); // Escreve o dia da semana, dia do mês, mês e ano formatados
document.write("</b></i> )</font>"); // Fecha as tags de negrito e itálico e a tag de fonte
</script>
