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

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());

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());

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

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

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

Quiz sur Intl.DateTimeFormat
Vérification rapide : formatage selon la région et le fuseau horaire.

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.

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
- Littéraux de gabarit et opérations courantes sur les chaînes
- Nombres — entiers ou nombres à virgule flottante et notions essentielles de Math
- Dates — notions de base, fuseaux horaires, Intl.DateTimeFormat