Formatando datas
Exiba datas com as opções de toLocaleDateString.
Formatando datas é uma aula grátis de JavaScript Academy no CoddyKit. Esta é a aula 3 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de JavaScript Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de JavaScript Academy inclui 4 aulas no total.
Formatando datas
JavaScript fornece vários métodos integrados para transformar uma data em texto legível, desde uma saída adaptada à localidade até textos ISO padronizados.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString())toISOString
toISOString retorna um texto padronizado em UTC, ideal para armazenamento e troca de dados por ser inequívoco.
const d = new Date(Date.UTC(2024, 0, 15, 10, 30, 0))
console.log(d.toISOString())Recortando o texto ISO
O texto ISO coloca a data primeiro, portanto você pode recortar os dez primeiros caracteres para obter apenas a data do calendário.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))toLocaleDateString
toLocaleDateString formata a parte da data usando uma localidade, produzindo uma saída adequada à região.
const d = new Date(Date.UTC(2024, 0, 15))
const text = d.toLocaleDateString("en-US", { timeZone: "UTC" })
console.log(typeof text)Argumento de localidade
O primeiro argumento é uma etiqueta de localidade como en-US ou de-DE, que altera a ordem e os separadores da data formatada.
const d = new Date(Date.UTC(2024, 0, 15))
const us = d.toLocaleDateString("en-US", { timeZone: "UTC" })
const iso = d.toISOString().slice(0, 10)
console.log(typeof us, iso)Opções de formatação
Um objeto de opções permite escolher como cada parte será exibida, como um nome de mês longo ou um ano numérico.
const d = new Date(Date.UTC(2024, 0, 15))
const text = d.toLocaleDateString("en-US", { year: "numeric", month: "long", day: "numeric", timeZone: "UTC" })
console.log(typeof text)toLocaleTimeString
toLocaleTimeString formata apenas a parte do horário, respeitando novamente a localidade e todas as opções fornecidas.
const d = new Date(Date.UTC(2024, 0, 15, 14, 5, 0))
const text = d.toLocaleTimeString("en-US", { timeZone: "UTC" })
console.log(typeof text)toLocaleString
toLocaleString combina a data e o horário em um único texto localizado.
const d = new Date(Date.UTC(2024, 0, 15, 9, 0, 0))
const text = d.toLocaleString("en-US", { timeZone: "UTC" })
console.log(typeof text)toDateString
toDateString fornece uma data fixa em inglês e legível para pessoas, sem opções de localidade, sendo útil para registros rápidos.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(typeof d.toDateString())Intl.DateTimeFormat
Para formatações repetidas, Intl.DateTimeFormat cria um objeto formatador reutilizável, que é mais eficiente do que chamar métodos de localidade muitas vezes.
const fmt = new Intl.DateTimeFormat("en-US", { timeZone: "UTC", dateStyle: "medium" })
const d = new Date(Date.UTC(2024, 0, 15))
console.log(typeof fmt.format(d))Escolhendo um formato
Use textos ISO para armazenamento e interfaces de programação, e métodos de localidade para exibição aos usuários de cada região. Mantenha essas responsabilidades separadas.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))Verificação rápida
Teste seus conhecimentos sobre formatação.
Recapitulação
Recapitulação: Escolha o método de formatação adequado para cada tarefa.
- toISOString para armazenamento e interfaces de programação
- toLocaleDateString e recursos semelhantes para exibição aos usuários
- As opções controlam os nomes dos meses e os estilos numéricos
- Intl.DateTimeFormat é eficiente para formatações repetidas
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))Perguntas Frequentes
A aula “Formatando datas” é grátis?
Sim — o texto completo de “Formatando datas” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de JavaScript Academy, atualize para CoddyKit PRO. O curso de JavaScript Academy inclui 4 aulas no total.
O que vou aprender em “Formatando datas”?
Exiba datas com as opções de toLocaleDateString. Você pratica JavaScript Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar JavaScript Academy?
Nenhuma experiência prévia é necessária. JavaScript Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 3 de 4.
Quanto tempo leva a aula “Formatando datas”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de JavaScript Academy?
Sim. Cada aula de JavaScript Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.