Comment obtenir la date actuelle avec JavaScript ?

TutorialsGrey, 26 Septembre 2025

En JavaScript, l’une des tâches les plus fréquentes consiste à travailler avec les dates et heures. Que ce soit pour afficher la date du jour sur une page web, enregistrer l’heure d’une action utilisateur, ou encore générer un horodatage dans une application, savoir obtenir la date actuelle est une compétence essentielle.

Dans ce guide, nous allons voir pas à pas comment obtenir la date du jour avec JavaScript, comment la formater, et comment exploiter ses différentes composantes (année, mois, jour, heure, etc.).

 

Obtenir la date actuelle en JavaScript

JavaScript propose un objet intégré, appelé Date, qui permet de manipuler facilement les dates et heures.

Voici la syntaxe de base pour obtenir la date et l’heure actuelles :

const dateActuelle = new Date();
console.log(dateActuelle);

Résultat : vous obtiendrez une date complète avec le jour, le mois, l’année, l’heure, les minutes, les secondes et le fuseau horaire.

Exemple de sortie :

Fri Sep 26 2025 13:08:23 GMT+0100 (West Africa Standard Time)

 

Extraire des parties spécifiques de la date

L’objet Date propose plusieurs méthodes pour obtenir uniquement certaines parties de la date.

Obtenir l’année actuelle

 

const date = new Date();
console.log(date.getFullYear()); // Exemple : 2025

 

Obtenir le mois actuel

 

const date = new Date();
console.log(date.getMonth() + 1); // Les mois commencent à 0 → janvier = 0, décembre = 11

 

Obtenir le jour du mois

 

const date = new Date();
console.log(date.getDate()); // Exemple : 26

 

Obtenir le jour de la semaine

 

const date = new Date();
console.log(date.getDay()); // Retourne un nombre entre 0 (dimanche) et 6 (samedi)

 

Obtenir l’heure, les minutes et les secondes

 

const date = new Date();
console.log(date.getHours());   // Heure (0-23)
console.log(date.getMinutes()); // Minutes (0-59)
console.log(date.getSeconds()); // Secondes (0-59)

 

Formater la date pour l’affichage

Les données brutes de l’objet Date ne sont pas toujours pratiques à afficher directement. Heureusement, JavaScript propose des méthodes pour formater facilement la date.

 

Utiliser toLocaleDateString()

const date = new Date();
console.log(date.toLocaleDateString("fr-FR")); // Résultat : 26/09/2025 (selon votre fuseau horaire)

 

Utiliser toLocaleString()

 

const date = new Date();
console.log(date.toLocaleString("fr-FR")); // Résultat : 26/09/2025, 12:45:31

 

Exemple d’affichage personnalisé

const date = new Date();
const jour = date.getDate();
const mois = date.getMonth() + 1;
const annee = date.getFullYear();

console.log(`${jour}/${mois}/${annee}`);

Résultat : 26/9/2025

 

Cas pratique : afficher automatiquement la date du jour sur une page web

Voici un exemple simple pour insérer la date actuelle dans une page HTML :

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Date actuelle avec JavaScript</title>
</head>
<body>
  <p>Date du jour : <span id="date"></span></p>

  <script>
    const date = new Date();
    document.getElementById("date").textContent = date.toLocaleDateString("fr-FR");
  </script>
</body>
</html>

Résultat : la page affichera automatiquement la date du jour au format français.

 

Quelques bonnes pratiques à retenir

  • Toujours vérifier le fuseau horaire : les résultats peuvent varier selon l’emplacement de l’utilisateur.

  • Privilégier toLocaleDateString() et toLocaleString() pour gérer correctement les formats de date.

  • Se méfier des mois : en JavaScript, le mois commence à 0 (janvier) et se termine à 11 (décembre).

  • Utiliser des bibliothèques spécialisées comme Moment.js ou Day.js si vous devez manipuler des dates complexes (fuseaux horaires multiples, calculs de durée, etc.).

 

Conclusion

Obtenir la date actuelle en JavaScript est très simple grâce à l’objet Date. Vous pouvez non seulement afficher la date complète, mais aussi extraire ses différentes parties (année, mois, jour, heure…). Avec les bonnes méthodes (toLocaleDateString, toLocaleString), vous pouvez formater la date facilement pour vos utilisateurs.

En maîtrisant ces notions, vous êtes prêt à gérer efficacement l’affichage de la date et l’horodatage dans vos projets web.