0Pricing
JavaScript Academy · Aula

Datas — fundamentos, fusos horários e Intl.DateTimeFormat

Crie datas, leia seus componentes, formate-as para diferentes localidades e mostre outros fusos horários usando Intl.DateTimeFormat

Datas — fundamentos, fusos horários e Intl.DateTimeFormat é uma aula grátis de JavaScript Academy no CoddyKit. Esta é a aula 3 de 3. 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 3 aulas no total.

Introdução às datas

Objetivo: crie e formate datas com segurança.

  • new Date()
  • Leitura das partes
  • Formatação de localidade
  • Outros fusos horários
Datas — fundamentos, fusos horários e Intl.DateTimeFormat — ilustração 1

Criação de valores Date

Crie valores com new Date(), uma marca de tempo ou partes simples de ano/mês/dia (o índice do mês começa em 0).

// Create Date instances
// Now (current time)
const now = new Date();

// From timestamp (milliseconds since Jan 1, 1970 UTC)
const fromMs = new Date(0);

// From parts: year, monthIndex (0=Jan), day
const xmas = new Date(2025, 11, 25);

console.log("Now:", now.toString());
console.log("Epoch:", fromMs.toUTCString());
console.log("Xmas:", xmas.toDateString());
Datas — fundamentos, fusos horários e Intl.DateTimeFormat — ilustração 2

Acessadores das partes

Use acessadores como getFullYear, getMonth, getDate e getHours.

// Read parts with getters
const d = new Date(2025, 0, 2, 15, 30);

console.log("Year:", d.getFullYear());
console.log("Month (0=Jan):", d.getMonth());
console.log("Day of month:", d.getDate());
console.log("Hours:", d.getHours());
console.log("Minutes:", d.getMinutes());
Datas — fundamentos, fusos horários e Intl.DateTimeFormat — ilustração 3

ISO e época Unix

toISOString fornece uma cadeia UTC estável. getTime retorna os milissegundos desde a época Unix.

// ISO string and timestamps
const sample = new Date();

console.log("ISO:", sample.toISOString());
console.log("Unix seconds (approx):", Math.floor(sample.getTime() / 1000));
Datas — fundamentos, fusos horários e Intl.DateTimeFormat — ilustração 4

Formatação de localidade

Use Intl.DateTimeFormat para obter uma saída clara e adaptada à localidade, com opções para as partes.

// Format for a locale
const date = new Date(2025, 6, 4, 9, 5);

// Simple: toLocaleString uses your environment defaults
console.log("Local:", date.toLocaleString());

// Intl.DateTimeFormat with explicit locale and options
const fmt = new Intl.DateTimeFormat("en-GB", {
  year: "numeric",
  month: "short",
  day: "2-digit",
  hour: "2-digit",
  minute: "2-digit"
});

console.log("Formatted:", fmt.format(date));
Datas — fundamentos, fusos horários e Intl.DateTimeFormat — ilustração 5

Formatação para outros fusos horários

Escolha um timeZone para ver o mesmo instante em diferentes regiões, sem precisar fazer cálculos manuais.

// Format for a different time zone
const meeting = new Date(Date.UTC(2025, 3, 10, 12, 0));

const ny = new Intl.DateTimeFormat("en-US", {
  timeZone: "America/New_York",
  dateStyle: "medium",
  timeStyle: "short"
});

const tokyo = new Intl.DateTimeFormat("en-US", {
  timeZone: "Asia/Tokyo",
  dateStyle: "medium",
  timeStyle: "short"
});

console.log("NY:", ny.format(meeting));
console.log("Tokyo:", tokyo.format(meeting));
Datas — fundamentos, fusos horários e Intl.DateTimeFormat — ilustração 6

Quiz sobre Intl.DateTimeFormat

Verificação rápida: formatação de localidade e fuso horário.

Datas — fundamentos, fusos horários e Intl.DateTimeFormat — ilustração 7

Recapitulação

Recapitulação: você criou datas, leu suas partes, exibiu o ISO, formatou valores para diferentes localidades e mostrou outros fusos horários com Intl.DateTimeFormat.

Datas — fundamentos, fusos horários e Intl.DateTimeFormat — ilustração 8

Perguntas Frequentes

A aula “Datas — fundamentos, fusos horários e Intl.DateTimeFormat” é grátis?

Sim — o texto completo de “Datas — fundamentos, fusos horários e Intl.DateTimeFormat” é 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 3 aulas no total.

O que vou aprender em “Datas — fundamentos, fusos horários e Intl.DateTimeFormat”?

Crie datas, leia seus componentes, formate-as para diferentes localidades e mostre outros fusos horários usando Intl.DateTimeFormat 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 3.

Quanto tempo leva a aula “Datas — fundamentos, fusos horários e Intl.DateTimeFormat”?

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.

Todas as aulas deste curso

  1. Literais de template e operações comuns com strings
  2. Números — inteiros versus decimais e fundamentos de Math
  3. Datas — fundamentos, fusos horários e Intl.DateTimeFormat
← Voltar para JavaScript Academy