Comment afficher la date et l’heure actuelles en Javascript

Dans ce tutoriel nous allons découvrir comment afficher la date et l’heure en Javascript. En Javascript, la date et l’heure sont manipulées avec l’objet Date.
 
 

Afficher la date et l’heure actuelles

L’objet Date est un objet inclus de façon native dans Javascript qui stocke la date et l’heure actuelles données par le navigateur.

var today = new Date();

L’objet Date a plusieurs méthodes pour récupérer la date et l’heure:

Méthode
Exemple
toString(): retournera une représentation sous forme de chaîne de caractères de l’objet Date.
console.log(today.toString());

La sortie :

Fri Sep 20 2019 19:38:22 GMT+0200 (heure d’été d’Europe)
getDate(): retournera le jour du mois.
console.log(today.getDate());

La sortie :

25
getMonth(): retournera le mois.
console.log(today.getMonth());

La sortie :

12
getFullYear(): retournera l’année.
console.log(today.getFullYear());

La sortie :

2020
getHours(): retournera l’heure.
console.log(dt.getHours());

La sortie :

07
getMinutes(): retournera les minutes
console.log(dt.getMinutes());

La sortie :

59
getSeconds(): retournera les secondes
console.log(dt.getSeconds());

La sortie :

30

 

Afficher la date actuelle en JavaScript
var d = new Date();
var date = d.getFullYear()+'-'+(d.getMonth()+1)+'-'+d.getDate();
console.log(date);

La sortie :

2020-1-20

 
 

Afficher l’heure actuelle en JavaScript
var d = new Date();
var hours = d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
console.log(hours);

La sortie :

19:59:44

 

Afficher la date et l’heure actuelles en JavaScript

Vous pouvez simplement combiner la sortie du code JavaScript ci-dessus dans une variable comme ci-dessous:

var d = new Date();
var date = d.getFullYear()+'-'+(d.getMonth()+1)+'-'+d.getDate();
var hours = d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
var fullDate = date+' '+hours;
console.log(fullDate);

La sortie :

2020-1-20 19:59:44
QCM JavascriptQCM Javascript – Partie 1QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *