L03 — Exercices Day.js

10 exercices progressifs · Valide en temps réel · Solutions incluses

Day.js est chargé sur cette page avec la locale française et le plugin relativeTime. Vous pouvez utiliser dayjs() directement dans l'éditeur.
EX 1

Formater la date du jour

Utilisez dayjs() et .format() pour afficher la date d'aujourd'hui au format 'DD MMMM YYYY' avec la locale française (ex : "15 juin 2024").

EX 2

Date dans 30 jours

Calculez la date qui sera dans exactement 30 jours à partir d'aujourd'hui. Utilisez .add(30, 'day').

EX 3

Nombre de jours depuis une date

Calculez le nombre de jours écoulés depuis le 1er janvier 2024 en utilisant .diff(dayjs('2024-01-01'), 'day').

EX 4

Comparer deux dates

Créez deux dates et comparez-les avec .isBefore() et .isAfter(). Affichez un message selon le résultat.

EX 5

Premier et dernier jour du mois

Utilisez .startOf('month') et .endOf('month') pour obtenir le premier et le dernier jour du mois courant.

EX 6

Temps relatif avec fromNow()

Utilisez le plugin relativeTime avec .fromNow() pour afficher des dates passées et futures en langage naturel ("il y a 3 heures", "dans 7 jours").

EX 7

Valider une date avec isValid()

Créez une fonction qui teste si une chaîne est une date valide avec .isValid(). Testez avec des dates valides et invalides.

EX 8

Calculer un âge

Calculez l'âge d'une personne née à une date donnée en utilisant dayjs().diff(naissance, 'year').

EX 9

Lister les 7 prochains jours

Générez la liste des 7 prochains jours avec leur nom (lundi, mardi...) en utilisant .add(i, 'day') et .format('dddd').

EX 10

Date la plus récente dans un tableau

Défi final : trouvez la date la plus récente (et la plus ancienne) dans un tableau de chaînes de dates. Utilisez .reduce() avec .isAfter() ou .isBefore().

← Cours L03 Mini-projet →