JavaScript: Obtenir la Date et l’Heure actuelles

Aujourd'hui, j'aimerais vous montrer comment récupérer la date actuelle ainsi que l'heure actuelle en utilisant JavaScript afin de les utiliser dans vos scripts.

Pour les deux, la date et l'heure, nous avons besoin de l'objet Date fourni par JavaScript que nous pouvons créer de la manière suivante:

var today = new Date();

Après cela, nous pouvons lire toutes les valeurs dont nous avons besoin pour obtenir la date actuelle et l'heure actuelle afin de les traiter ou de les afficher dans notre script.

Déterminer la Date actuelle

Voyons d’abord comment obtenir la date actuelle (nous reviendrons sur l’heure dans la section suivante). Pour ce faire, nous créons d'abord notre objet Date, puis nous lisons l'année, le mois et le jour.

var today = new Date();
var d = today.getDate();
var m = today.getMonth() + 1;
var y = today.getFullYear();

var dmy = d + "/" + m + "/" + y;
alert(dmy);

Pour lire les composants individuels, nous utilisons les méthodes .getDate(), .getMonth() ainsi que .getFullYear():

• Pour obtenir le jour, nous utilisons la méthode .getDate(). Cela nous fournit le jour du mois sous forme de nombre de 1 à 31.
• Pour obtenir le mois, nous utilisons ensuite la méthode .getMonth(). Cette fois, nous devons ajouter 1 à la valeur obtenue, car JavaScript nous donne le mois sous forme de nombre compris entre 0 et 11. Ce n'est pas nécessaire avec .getDate(). La valeur 0 correspond à janvier, la valeur 1 à février, jusqu'au chiffre 11 qui représente décembre.
• Enfin, nous utilisons .getFullYear() pour obtenir également l'année de notre date. Elle s'appelle .getFullYear() car la méthode est différente de la méthode .getYear() associée. Avec .getFullYear() nous obtenons l'année sous forme de nombre à 4 chiffres tandis que .getYear() renvoie un nombre à 2 chiffres pour les années entre 1900 et 1999. À partir de l'année 2000, .getYear() renvoie l'année sous forme de 3 chiffres commençant par 100. Avant 1900, .getYear() renverra des valeurs négatives. En raison de ce problème (mot-clé: problème de l'an 2000), .getYear() a maintenant été supprimé du standard Web et ne devrait plus être utilisé. Pour cette raison, nous devrions toujours utiliser .getFullYear(), car .getYear() pourrait à un moment donné ne plus être pris en charge par les navigateurs.

Après avoir reçu le jour actuel, la date actuelle ainsi que l'année en cours comme valeurs individuelles, nous combinons les différents composants en une date au format jour/mois/année et l'affichons via une boîte de dialogue alert().

Bien entendu, cet exemple est uniquement destiné à démontrer la fonction de base. En pratique, nous pouvons bien sûr combiner les valeurs à notre guise, les utiliser autrement ou au lieu de les lire toutes, nous pouvons également simplement lire uniquement les composants de date individuels.

Déterminer l'Heure actuelle

Nous pouvons également déterminer l'heure actuelle via l'objet Date. L'exemple suivant montre comment procéder.

var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();

var t = h + ":" + m + ":" + s;
alert(t);

Analogues aux méthodes pour obtenir les composants de la date, nous utilisons cette fois les méthodes .getHours(), .getMinutes() et .getSeconds() pour obtenir l'heure, la minute et la seconde actuelles. Nous obtenons des valeurs de 0 à 59 respectivement de 0 à 23.

L'objet Date nous fournit également la méthode .getMilliseconds() qui peut être utilisée si nous avons également besoin des millisecondes.

Dans notre exemple, nous utilisons à nouveau les valeurs pour afficher l'heure actuelle via un message alert().