0Pricing
JavaScript Academy · Leçon

Dates — notions de base, fuseaux horaires, Intl.DateTimeFormat

Créez des dates, lisez leurs composants, formatez-les selon les paramètres régionaux et affichez d’autres fuseaux horaires avec Intl.DateTimeFormat

Dates — notions de base, fuseaux horaires, Intl.DateTimeFormat est une leçon JavaScript Academy gratuite sur CoddyKit. Ceci est la leçon 3 sur 3. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage JavaScript Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours JavaScript Academy comprend 3 leçons au total.

Introduction aux dates

Objectif : créer et formater des dates en toute sécurité.

  • new Date()
  • Lire les composants
  • Formatage selon la région
  • Autres fuseaux horaires
Dates — notions de base, fuseaux horaires, Intl.DateTimeFormat — illustration 1

Créer des valeurs Date

Créez une date avec new Date(), un horodatage ou des composants simples année/mois/jour (l'index du mois commence à 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());
Dates — notions de base, fuseaux horaires, Intl.DateTimeFormat — illustration 2

Accesseurs des composants

Utilisez des accesseurs comme getFullYear, getMonth, getDate et 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());
Dates — notions de base, fuseaux horaires, Intl.DateTimeFormat — illustration 3

ISO et époque

toISOString fournit une chaîne UTC stable. getTime renvoie le nombre de millisecondes écoulées depuis l'époque.

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

console.log("ISO:", sample.toISOString());
console.log("Unix seconds (approx):", Math.floor(sample.getTime() / 1000));
Dates — notions de base, fuseaux horaires, Intl.DateTimeFormat — illustration 4

Formatage selon la région

Utilisez Intl.DateTimeFormat pour obtenir un résultat clair adapté à la région, avec des options pour les différents composants.

// 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));
Dates — notions de base, fuseaux horaires, Intl.DateTimeFormat — illustration 5

Formater selon d'autres fuseaux horaires

Choisissez un timeZone pour afficher le même instant dans différentes régions, sans calcul manuel.

// 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));
Dates — notions de base, fuseaux horaires, Intl.DateTimeFormat — illustration 6

Quiz sur Intl.DateTimeFormat

Vérification rapide : formatage selon la région et le fuseau horaire.

Dates — notions de base, fuseaux horaires, Intl.DateTimeFormat — illustration 7

Récapitulatif

Récapitulatif : vous avez créé des dates, lu leurs composants, affiché ISO, effectué un formatage régional et affiché d'autres fuseaux horaires avec Intl.DateTimeFormat.

Dates — notions de base, fuseaux horaires, Intl.DateTimeFormat — illustration 8

Questions Fréquemment Posées

La leçon « Dates — notions de base, fuseaux horaires, Intl.DateTimeFormat » est-elle gratuite ?

Oui — le texte complet de « Dates — notions de base, fuseaux horaires, Intl.DateTimeFormat » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours JavaScript Academy, passe à CoddyKit PRO. Le cours JavaScript Academy comprend 3 leçons au total.

Qu'est-ce que j'apprendrai dans « Dates — notions de base, fuseaux horaires, Intl.DateTimeFormat » ?

Créez des dates, lisez leurs composants, formatez-les selon les paramètres régionaux et affichez d’autres fuseaux horaires avec Intl.DateTimeFormat Tu pratiques JavaScript Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer JavaScript Academy ?

Aucune expérience préalable n'est requise. JavaScript Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 3 sur 3.

Combien de temps prend la leçon « Dates — notions de base, fuseaux horaires, Intl.DateTimeFormat » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon JavaScript Academy ?

Oui. Chaque leçon JavaScript Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. Littéraux de gabarit et opérations courantes sur les chaînes
  2. Nombres — entiers ou nombres à virgule flottante et notions essentielles de Math
  3. Dates — notions de base, fuseaux horaires, Intl.DateTimeFormat
← Retour à JavaScript Academy