Blog ComercialWeb - São Paulo - SP
E-mail: [email protected]
Atualizado: 06/10/2025

Como formatar data por extenso em JavaScript | Tutorial de Programação

Como formatar data por extenso em JavaScript

Exiba datas por extenso com JavaScript

Aprenda como formatar datas por extenso em JavaScript de forma simples e eficiente. Vamos criar uma função que retorna a data no formato "DiaDaSemana: dd de mês de yyyy" — muito comum em portais de notícias.

Exemplo de saída

( Domingo: 05 de Outubro de 2025 )

Código JavaScript

<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>

Como funciona

  • Obtém a data atual com new Date() e extrai getDay(), getDate(), getMonth() e getFullYear().
  • Formata o dia com zero à esquerda quando necessário ("05").
  • Usa arrays com nomes de dias e meses por extenso para montar a string final.
  • Escreve o resultado no HTML via document.write (em páginas estáticas simples).

Dica: em projetos modernos você pode preferir Intl.DateTimeFormat para formatação local-aware, mas o exemplo acima é útil para ambientes legados e páginas estáticas.

Fonte: Redação