Comment travailler avec la date et l'heure dans JavaScript | Expliqué avec des exemples

Souvent, lorsque vous développez un programme, vous devez interroger les utilisateurs sur leur date de naissance ou la date d'adhésion ou pour enregistrer la date au moment de la contribution. En fin de compte, vous devez travailler avec «Date and Heure» tout en développant une programmation indépendante du langage de programmation, ce qui signifie que vous devez connaître la manipulation de la datte dans la programmation. En JavaScript, vous pouvez également travailler avec la date et l'heure en utilisant l'objet date qui est intégré dans JS.

Quel est l'objet date?

Comme l'identifiant est assez explicite, l'objet Date est l'un des nombreux objets qui arrivent par défaut avec JavaScript. L'objet date affiche la sortie de la date en tant que chaîne en demandant le fuseau horaire actuel du navigateur sur lequel le javascript est exécuté. Si vous exécutez JavaScript sur un éditeur de code quelque chose comme un code Visual Studio, alors le JavaScript accédera à l'horloge de la machine pour obtenir l'heure et la date actuelles.

Comment utiliser l'objet date?

Même si l'objet date est un objet intégré, pour l'utiliser, vous devez créer son objet en utilisant le «nouveau" mot-clé. Ainsi, avant d'utiliser l'objet date, nous devons initialiser un objet avec la commande suivante:

variable = nouvelle date (arguments);

Note: Les arguments du constructeur de l'objet date sont facultatifs.

Vous pouvez créer un nouvel objet de date à l'aide de l'une des quatre méthodes qui vont être discutées ensuite.

Création d'un objet Date à l'aide d'horodatrices (MS)

Vous pouvez créer un objet date à l'aide d'horodatage et ces horodatages sont donnés en millisecondes. Rappelez-vous, les millisecondes sont comptables après le temps de l'époque. En JavaScript, l'époque de l'époque est le 1er janvier 1970.

Par exemple, essayez la commande suivante:

Var Date = Nouvelle date (15522354652);
console.journal (date);

Nous créons un nouvel objet et faisons passer l'horodatage en millisecondes. Lorsque nous enregistrons la variable «date» dans la console, nous obtenons la sortie suivante:

Comme vous pouvez le voir, nous avons pu créer un objet utilisant des millisecondes (horodatages) dans les arguments.

Création d'un objet de date (heure actuelle)

Si vous souhaitez créer un objet date qui a enregistré l'heure actuelle, l'heure de sa création, alors vous pouvez le faire en ne passant aucun argument au constructeur. Vous pouvez le faire en utilisant les lignes de code suivantes:

var date = new Date ();
console.journal (date);

Comme vous pouvez le voir dans le code, nous ne transmettons aucun argument au constructeur de date. Lorsqu'il n'y a pas d'arguments dans la fonction d'appel, alors l'objet date stocke l'heure actuelle du fuseau horaire du navigateur ou en accédant à l'horloge de l'ordinateur.

Comme vous pouvez le voir, nous avons pu créer un objet pour stocker l'heure et la date actuelles, puis nous avons utilisé le console.enregistrer() fonction pour imprimer cette date et cette heure.

Création d'un objet Date en utilisant des arguments spécifiques

Vous pouvez créer un objet de date en utilisant une date spécifique et en les passant dans différents arguments. La syntaxe pour créer un tel objet est comme:

Nouvelle date (année, mois, jour, heure, minute, deuxième, milli-sec)

Essayons de faire un objet de date avec le temps de 08:54, 5 juin 1997. Pour ce faire, nous utilisons les lignes de codes suivantes:

Var Date = nouvelle date (1997,5,5,08,54);
console.journal (date);

Comme vous pouvez le voir, dans le paramètre du mois, nous voulons donner «June» qui est le 6ème mois mais nous passons la valeur 5. Eh bien, c'est parce que le nombre de mois commence par 0 dans l'objet de date de JavaScript avec 0 en janvier et 1er en février, et ainsi de suite. Puisque nous ne donnons pas d'arguments aux seconds et aux paramètres de la milliseconde, leur valeur par défaut est en cours de sélection.

La sortie du code suivant est:

Nous avons réussi à créer un objet en utilisant les arguments spécifiés à la date.

Création d'un objet date à l'aide de la chaîne de date

Nous pouvons également passer dans une chaîne de date à l'intérieur de l'argument du constructeur de date. Tout comme le dernier exemple, essayons de créer un objet de date le 5 juin 1997 en utilisant les lignes de code suivantes:

Var Date = Nouvelle date ("5 juin 1997");
console.journal (date);

La sortie des lignes de code suivantes est:

Nous avons créé un objet en utilisant un argument basé sur la chaîne de date.

Nous pouvons utiliser le tableau suivant pour mettre toutes les différentes syntaxes du constructeur en un seul endroit

Syntaxe	But
Nouvelle date ();	Pour créer un objet avec la date et l'heure actuelles
Nouvelle date (horodatage en millisecondes)	Pour créer un objet avec une date qui est un certain milliseconde à partir du 1er janvier 1970.
Nouvelle date (année, mois, date, heure, minutes, secondes, MS)	Pour créer un objet avec une date et une heure spécifiques en utilisant des arguments spécifiés
Nouvelle date («Date String»)	Pour créer un objet avec une date et une heure spécifiques en utilisant l'argument de la chaîne de date.

Jusqu'à présent, nous avons appris à créer un objet en utilisant divers constructeurs de l'objet Date. Nous devons encore obtenir cette date de l'objet.

Date de récupération à partir de l'objet de date

Il existe différentes méthodes qui nous permettent de récupérer un certain attribut de l'objet Date. Parfois, vous voulez retourner une valeur spécifique de l'objet date-temps, comme le mois ou seulement l'année. Pour atteindre ce but, il y a divers .obtenir() méthodes. Ces méthodes sont:

date.obtenir du temps(); \\ millisecondes depuis l'époque
date.getMinutes (); \\ Minutes de l'heure
date.getyear (); \\ seulement l'année
date.getSeconds (); \\ secondes de la minute
date.getDay (); \\ seulement le jour
date.getlyear () \\ année en 4 chiffres

Il y en a beaucoup plus obtenir Méthodes disponibles comme:

Créons un objet de date en utilisant la date et l'heure actuelles, puis récupérer les minutes et seulement l'année. Utilisation des lignes de code suivantes:

var dateValue = new Date ();
console.Journal ("Les minutes de l'heure sont:" + DateValue.getMinutes ());
console.Log ("L'année en quatre chiffres est:" + DateValue.getlyear ());

La sortie est:

C'est tout maintenant, nous savons comment manipuler la date et l'heure à l'aide de JavaScript.

Conclusion

Nous pouvons travailler avec la date et l'heure en JavaScript en utilisant l'un des objets intégrés nommés le Date objet. Contrairement aux autres objets par défaut de JavaScript, nous devons d'abord créer un objet avec le «nouveau» mot-clé pour utiliser les fonctionnalités de cet objet de date. Nous avons appris à manipuler la date et l'heure avec l'objet Date en utilisant ses différents constructeurs avec leurs exemples et appris à récupérer les données de cet objet.