Formater les dates
Affichez les dates avec les options de toLocaleDateString.
Formater les dates est une leçon JavaScript Academy gratuite sur CoddyKit. Ceci est la leçon 3 sur 4. 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 4 leçons au total.
Formater les dates
JavaScript fournit plusieurs méthodes intégrées pour transformer une date en texte lisible, de la sortie adaptée à la langue aux chaînes ISO standardisées.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString())toISOString
toISOString renvoie une chaîne standardisée en UTC, idéale pour le stockage et l’échange de données, car elle est dépourvue d’ambiguïté.
const d = new Date(Date.UTC(2024, 0, 15, 10, 30, 0))
console.log(d.toISOString())Extraire la chaîne ISO
La chaîne ISO place la date en premier, vous pouvez donc extraire ses dix premiers caractères pour obtenir uniquement la date calendaire.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))toLocaleDateString
toLocaleDateString formate la partie date en utilisant une langue et une région, pour produire une sortie adaptée à la région.
const d = new Date(Date.UTC(2024, 0, 15))
const text = d.toLocaleDateString("en-US", { timeZone: "UTC" })
console.log(typeof text)Argument de langue et de région
Le premier argument est une balise de langue et de région comme en-US ou de-DE, qui modifie l’ordre et les séparateurs de la date formatée.
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)Options de formatage
Un objet d’options permet de choisir l’apparence de chaque partie, par exemple un nom de mois long ou une année numérique.
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 formate uniquement la partie horaire, en respectant là encore la langue et la région ainsi que les options fournies.
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 combine la date et l’heure en une seule chaîne adaptée à la langue et à la région.
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 fournit une date anglaise fixe et lisible sans options de langue et de région, ce qui est utile pour une journalisation rapide.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(typeof d.toDateString())Intl.DateTimeFormat
Pour des formatages répétés, Intl.DateTimeFormat crée un objet formateur réutilisable, plus efficace que l’appel répété aux méthodes adaptées à la langue et à la région.
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))Choisir un format
Utilisez les chaînes ISO pour le stockage et les interfaces de programmation, et les méthodes adaptées à la langue et à la région pour l’affichage destiné aux utilisateurs de chaque région. Gardez ces responsabilités séparées.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))Vérification rapide
Vérifiez vos connaissances sur le formatage.
Récapitulatif
Récapitulatif : Choisissez la méthode de formatage adaptée à la tâche.
- toISOString pour le stockage et les interfaces de programmation
- toLocaleDateString et les méthodes similaires pour l’affichage destiné aux utilisateurs
- Les options contrôlent les noms de mois et les styles numériques
- Intl.DateTimeFormat est efficace pour les formatages répétés
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))Questions Fréquemment Posées
La leçon « Formater les dates » est-elle gratuite ?
Oui — le texte complet de « Formater les dates » 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 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Formater les dates » ?
Affichez les dates avec les options de toLocaleDateString. 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 4.
Combien de temps prend la leçon « Formater les dates » ?
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
- Créer et lire des dates
- Horodatages et calculs sur les dates
- Formater les dates
- Fuseaux horaires et UTC