Une Introduction aux Dates et Heures en JavaScript

Définir des dates et des heures en JavaScript n’a pas besoin d’être difficile; ce guide vous montrera tout ce que vous devez savoir.

Travailler avec des dates est un aspect important de la programmation. L’objet date intégré est utilisé pour travailler avec les dates et les heures en JavaScript. Les différentes méthodes de l’objet date rendent la tâche beaucoup plus facile lorsque vous travaillez avec des dates et des heures.

Dans cet article, vous apprendrez tout ce que vous devez savoir sur le travail avec les dates en JavaScript. Alors, sans plus tarder, entrons.

Comment Créer des Objets de Date

Vous pouvez créer un objet date en JavaScript en utilisant les quatre façons suivantes:

nouvelle date ()

Le nouveau constructeur Date() crée un objet date avec la date et l’heure actuelles.

soit d = nouvelle date ();
console.log (d);

Sortie:

Mon Jan 03 2022 20:27:58 GMT +0530 (Heure normale de l’Inde)

nouvelle date (datestring)

Le nouveau constructeur Date (datestring) crée un objet date à partir d’une chaîne de date.

soit d = nouvelle date (« 2022-01-01 »);
console.log (d);

Sortie:

Sam Jan 01 2022 05:30:00 GMT +0530 (Heure normale de l’Inde)

nouvelle date (millisecondes)

Le nouveau constructeur Date (millisecondes) crée un objet date en ajoutant les millisecondes à l’heure zéro. Le paramètre représente le temps écoulé en millisecondes depuis le 1er janvier 1970 UTC.

soit d1 = nouvelle date (0);
console.log (d1);
soit d2 = nouvelle date (973436457364);
console.log (d2);

Sortie:

Jeu Jan 01 1970 05:30:00 GMT +0530 (Heure normale de l’Inde)
Sun Nov 05 2000 20:30:57 GMT +0530 (Heure normale de l’Inde)

nouvelle date (année, mois, jour, heures, minutes, secondes, millisecondes)

Le nouveau constructeur Date (année, mois, jour, heures, minutes, secondes, millisecondes) crée un objet date avec une date et une heure spécifiées. Les sept paramètres spécifient respectivement l’année, le mois, le jour, les heures, les minutes, les secondes et les millisecondes.

soit d = nouvelle date(2020, 10, 11, 15, 29, 46, 0);
console.log (d);

Sortie:

Mer 11 Nov 2020 15:29:46 GMT +0530 (Heure normale de l’Inde)

Vous pouvez également créer un objet date avec six, quatre, trois ou deux paramètres.

a) Les six paramètres spécifient l’année, le mois, le jour, l’heure, la minute et la seconde.

b) Les cinq paramètres spécifient l’année, le mois, le jour, l’heure et la minute.

c) Les quatre paramètres spécifient l’année, le mois, le jour et l’heure.

d) Les trois paramètres spécifient l’année, le mois et le jour.

e) Les deux paramètres spécifient l’année et le mois.

Note:

JavaScript compte les mois de 0 à 11, c'est-à-dire Janvier est représenté par 0 et Décembre est représenté par 11.
Si vous spécifiez des valeurs hors plage dans l'objet Date, il ne lancera pas d'erreur à la place, il se corrige automatiquement.

// Mars n’a pas 40 jours, le débordement est auto-corrigé
soit d = nouvelle date (2020, 2, 40);
console.log (d);

Sortie:

Jeu Apr 09 2020 00:00:00 GMT +0530 (Heure normale de l’Inde)

Méthodes d’obtention de Date JavaScript

Vous pouvez utiliser les méthodes suivantes pour obtenir des informations à partir d’un objet date.

getFullYear()

Cette méthode renvoie l’année sous la forme d’un nombre à quatre chiffres (aaaa) en fonction de l’heure locale.

soit d = nouvelle date ();
console.log(d. getFullYear());

Sortie:

2022

getMonth()

Cette méthode renvoie le mois sous forme de nombre (0-11) en fonction de l’heure locale.

soit d = nouvelle date ();
console.log(d.getMonth());

Sortie:

0

Date ()

Cette méthode renvoie le jour sous forme de nombre (1-31) en fonction de l’heure locale.

soit d = nouvelle date ();
console.log(d.getDate());

Sortie:

3

getHours ()

Cette méthode renvoie l’heure (0-23) en fonction de l’heure locale.

soit d = nouvelle date ();
console.log (d. getHours ());

Sortie:

22

getMinutes ()

Cette méthode renvoie la minute (0-59) en fonction de l’heure locale.

soit d = nouvelle date ();
console.log(d. getMinutes());

Sortie:

40

Getsecondes()

Cette méthode renvoie la seconde (0-59) en fonction de l’heure locale.

soit d = nouvelle date ();
console.log(d. getSeconds());

Sortie:

30

Je ne sais pas ce que je fais.

Cette méthode renvoie la milliseconde (0-999) en fonction de l’heure locale.

soit d = nouvelle date ();
console.log(d. Getmillisecondes());

Sortie:

55

Temps d’attente ()

Cette méthode renvoie le temps en millisecondes depuis le 1er janvier 1970.

soit d = nouvelle date ();
console.log(d. getTime());

Sortie:

1641230088884

Jour ()

Cette méthode renvoie le jour de la semaine sous la forme d’un nombre (0-6) en fonction de l’heure locale.

soit d = nouvelle date ();
console.log(d. getDay());

Sortie:

1

Icon for javascript ,programming

Remarque : Si vous souhaitez travailler avec les dates UTC, vous pouvez utiliser les méthodes de date suivantes : getUTCDate(), getUTCDay(), getUTCFullYear(), getUTCHours(), getUTCMilliseconds(), getUTCMinutes(), getUTCMonth() et getUTCSeconds().

Méthodes de Jeu de Dates JavaScript

Vous pouvez utiliser les méthodes suivantes pour définir une partie d’un objet date.

Date ()

Cette méthode définit le jour comme un nombre (1-31) pour une date spécifiée en fonction de l’heure locale.

soit d = nouvelle date ();
d. Date de consigne (20);
console.log (d);

Sortie:

Jeu Jan 20 2022 22:58:59 GMT +0530 (Heure normale de l’Inde)

setFullYear()

​​​​​​​Cette méthode définit l’année pour une date spécifiée en fonction de l’heure locale.

soit d = nouvelle date ();
d. Début d’année (2016);
console.log (d);

Sortie:

Sun Jan 03 2016 23:00:41 GMT +0530 (Heure normale de l’Inde)

setHours ()

Cette méthode définit l’heure (0-23) pour une date spécifiée en fonction de l’heure locale.

soit d = nouvelle date ();
d. setHours (15);
console.log (d);

Sortie:

Lun Jan 03 2022 15:02:01 GMT +0530 (Heure normale de l’Inde)

Setmillisecondes ()

Cette méthode définit les millisecondes (0-999) pour une date spécifiée en fonction de l’heure locale.

soit d = nouvelle date ();
d. Setmillisecondes (548);
console.log (d);

Sortie:

Mon Jan 03 2022 23:04:13 GMT +0530 (Heure normale de l’Inde)

De même, vous pouvez utiliser les méthodes setMinutes(), setMonth() et setSeconds() pour définir respectivement les minutes (0-59), le mois (0-11) et les secondes (0-59) pour une date spécifiée en fonction de l’heure locale.

Exemple d’Heure Actuelle JavaScript​​​​​​​

Un exemple simple pour imprimer l’heure actuelle du système:

Heure actuelle
var actuel = nouvelle date ();
var heure = courant.getHours ();
var minute = courant.getMinutes ();
document.getElementById(‘cible’).innerHTML = heure + »: » + minute;

Si vous souhaitez consulter le code source complet utilisé dans cet article, voici le référentiel GitHub.​​​​​​​

Développer des Projets En utilisant les Concepts de Date de JavaScript

Vous rencontrerez de nombreuses instances de dates JavaScript tout en travaillant sur des applications réelles. Si vous souhaitez démarrer un projet simple et acquérir une expérience pratique, vous pouvez développer une horloge numérique en utilisant HTML, CSS et JavaScript. En plus des dates, vous apprendrez également des concepts JavaScript importants comme le travail avec des variables, l’utilisation de fonctions, l’accès et l’ajout de propriétés au DOM, etc.

%d blogueurs aiment cette page :