Cet article illustre le but, l'utilisation et la mise en œuvre pratique de l'objet Date dans TypeScript.
Qu'est-ce qu'un objet Date dans TypeScript ?
Le ' Date ” l'objet indique la date et l'heure. Cet objet imprime la date et l'heure du système local par défaut. Il permet également aux utilisateurs de définir une date et une heure spécifiques (y compris le fuseau horaire) de votre système à l'aide de ses méthodes prédéfinies.
Syntaxe
laisser date = nouveau Date ( aaaa, mm, jj )
Dans la syntaxe ci-dessus, le mot clé 'new' crée un objet 'Date' suivant le format de date spécifié (aaaa (année), mm (mois), jj (date)).
Commençons par la création de l'Objet 'Date'.
Comment créer un objet Date en TypeScript ?
Le ' Date ' est un objet dynamique qui peut être implémenté de différentes manières pour obtenir la date et l'heure selon les besoins. Cette section contient toutes les méthodes possibles pour créer un objet 'Date' pour obtenir la date et l'heure spécifiées.
Continuons avec la première méthode.
Méthode 1 : nouvelle Date()
Par défaut, si aucune valeur n'est passée dans le constructeur 'Date()', il renvoie la date et l'heure système de l'utilisateur :
laisser date = nouveau Date ( ) ;console. enregistrer ( 'Date = ' + date ) ;
Dans le code ci-dessus :
- Le ' date ” variable crée un “ Date ” à l'aide du mot-clé “new” et du constructeur “Date()”.
- Le ' console.log() ' La méthode affiche la valeur de la variable 'date', c'est-à-dire la date et l'heure actuelles avec l'instruction spécifiée.
Sortir
Compilez le ' .ts ' à l'aide du compilateur ' tsc ' et exécutez le fichier compilé généré ayant le ' .js ” à l'aide de la commande “node” :
tsc principal. tsnœud principal. js
Ici, le terminal affiche la date et l'heure du système de l'utilisateur ainsi que le fuseau horaire.
Méthode 2 : nouvelle date (millisecondes)
Le 'new Date(milliseconds)' crée un objet Date qui calcule la date et l'heure de '0' au nombre de millisecondes spécifié :
laisser date = nouveau Date ( 6112346789 ) ;console. enregistrer ( 'Date = ' + date ) ;
Ici, le constructeur spécifie le nombre de millisecondes en tant que paramètre.
Sortir
nœud principal. js 
La date et l'heure affichées ci-dessus vont de '0' à '6112346789' millisecondes.
Méthode 3 : nouvelle date ('datestring')
Cette méthode prend la date spécifiée au format 'aa-mm-jj' sous forme de chaîne et l'affiche comme nouvelle date :
laisser date = nouveau Date ( '2016-02-18' ) ;console. enregistrer ( 'Date = ' + date ) ;
Ici, l'objet 'Date' prend la date spécifiée sous la forme d'une chaîne entre guillemets doubles.
Sortir
nœud principal. js 
Le terminal affiche l'objet Date nouvellement créé.
Méthode 4 : nouvelle date (année, mois, date, heure, minute, seconde, milliseconde) :
La dernière méthode permet aux utilisateurs de créer un nouvel objet Date en fonction de la date et de l'heure spécifiées au format « (aa, mm, jj, hh, min, sec, millisecondes) » :
laisser date = nouveau Date ( 2015 , 3 , 2 , 14 , vingt , 30 , 9 ) ;console. enregistrer ( 'Date = ' + date ) ;
Dans le code ci-dessus, la date et l'heure sont spécifiées conformément au format indiqué.
Sortir
nœud principal. js 
La sortie crée un nouvel objet affichant la date et l'heure spécifiées en fonction du format donné.
Quelles sont les méthodes et propriétés de l'objet Date dans TypeScript ?
Le ' Date ” est livré avec un large éventail de méthodes et de propriétés répertoriées ci-dessous :
Propriétés de l'objet Date
| prototype | Il aide à ajouter des propriétés et des méthodes à l'objet Date. |
| constructeur | Il est utilisé comme une fonction qui crée le prototype d'objet. |
Obtenir et définir les méthodes de l'objet Date
| obtenirMois() | Il renvoie le mois spécifié dans la date en fonction de la date locale. |
| getFullYear() | Il affiche l'année donnée en fonction de l'heure locale. |
| getMinutes() | Il précise les minutes à partir de la date particulière. |
| getMillisecondes() | Il fournit les millisecondes à partir de la date donnée. |
| getSeconds() | Il donne le nombre de secondes en fonction de la date spécifiée. |
| régler la date() | Il définit le jour/la date du mois pour la date particulière en fonction de l'heure locale. |
| setHeures() | Il précise les heures souhaitées pour la date. |
| setMinutes() | Il définit les minutes pour la date spécifiée. |
| setSeconds() | Il définit le nombre de secondes en fonction de l'heure locale. |
| setYear() | Il définit l'année requise en fonction de l'heure locale. |
Pour plus de méthodes, suivez le tutoriel donné ' Date Méthodes Référence ”.
Comment utiliser l'objet Date dans TypeScript ?
Comme la section ci-dessus définit une liste de méthodes d'objet 'Date'. Utilisons l'objet Date avec ces méthodes pour expliquer son implémentation pratique.
Exemple 1 : définir une date, un mois et une année spécifiques
Cet exemple utilise les méthodes 'setdate()', 'setMonth()' et 'setFullYear()' de l'objet 'Date' pour définir la date spécifiée.
Code
Copiez ces lignes de code dans le fichier '.ts':
laisser date : Date = nouveau Date ( ) ;date. régler la date ( 5 ) ;
date. setMonth ( onze ) ;
date. setFullYear ( 2014 ) ;
console. enregistrer ( 'Année = ' + date. getFullYear ( ) ) ;
console. enregistrer ( 'Date = ' + date. avoir un rendez-vous ( ) ) ;
console. enregistrer ( 'Mois = ' + date. obtenirMois ( ) )
console. enregistrer ( ' Nouvelle date = ' + date ) ;
Dans les lignes de code ci-dessus :
- Tout d'abord, créez un ' Date » à l'aide du mot clé « new » et du constructeur « Date() » stocké dans la variable « date ».
- Ensuite, associez la variable 'date' aux méthodes spécifiées une par une. Le ' régler la date() ” définit la date du mois, la “ setMonth() ' définit le mois, et le ' setFullYear() ” méthode définit l'année.
- Après cela, affichez la nouvelle Date à l'aide de la méthode 'console.log()' en utilisant le ' getFullYear() ”, “ avoir un rendez-vous() ', et ' obtenirMois() ” méthodes.
Sortir
nœud principal. js 
On voit dans la sortie que l'objet Date renvoie la date, le mois et l'année nouvellement définis.
Exemple 2 : définir des heures, des minutes et des secondes spécifiques
Cet exemple utilise les méthodes 'setHours()', 'setMinutes()' et 'setSeconds()' de l'objet Date pour définir l'heure souhaitée :
laisser date : Date = nouveau Date ( ) ;date. setHeures ( 8 ) ;
date. setMinutes ( 12 ) ;
date. setSeconds ( vingt ) ;
console. enregistrer ( 'Heures = ' + date. obtenirHeures ( ) ) ;
console. enregistrer ( 'Minutes = ' + date. getMinutes ( ) ) ;
console. enregistrer ( 'Secondes = ' + date. getSeconds ( ) ) ;
console. enregistrer ( 'Date et heure = ' + date ) ;
Selon l'extrait de code ci-dessus :
- Le ' setHeures() ” méthode définit le nombre d'heures, “ setMinutes() ” règle les minutes et le “ setSeconds() ” méthode définit le nombre de secondes, respectivement.
- Le ' getHeures() ”, “ getMinutes() ', et ' getSeconds() ” Les méthodes renvoient les heures, les minutes et les secondes nouvellement définies sous forme de temps.
Sortir
nœud principal. js 
La sortie affiche la nouvelle heure définie à l'aide des méthodes d'objet Date.
Exemple 3 : obtenir la date et l'heure actuelles à l'aide des conventions locales
Cet exemple utilise la méthode « toLocaleString() » pour afficher la date et l'heure actuelles en tant que convention locale :
laisser date = nouveau Date ( ) ;console. enregistrer ( 'Date et heure = ' + date. toLocaleString ( ) ) ;
Dans les lignes de code ci-dessus, liez la méthode 'toLocaleString()' à la variable pour renvoyer une chaîne avec une représentation sensible à la langue de la date actuelle.
Sortir
nœud principal. js 
Comme on le voit, la sortie affiche la date et l'heure actuelles en utilisant la convention locale.
Exemple 4 : Valeur primitive de l'objet Date de retour
Cet exemple applique le ' valeur de() ” pour renvoyer l'objet Date en tant que valeur primitive :
laisser date = nouveau Date ( ) ;console. enregistrer ( 'Date et heure = ' + date. valeur de ( ) ) ;
Dans l'extrait de code ci-dessus, le ' valeur de() » renvoie la sortie de l'objet Date en millisecondes depuis minuit « 1er janvier 1970, UTC ».
Sortir
nœud principal. js 
Ici, les résultats renvoient l'objet Date en tant que valeur primitive.
Conclusion
Dans TypeScript, le ' Date ” correspond à la date et l'heure du système local. Cet objet peut être créé pour afficher la sortie souhaitée à l'aide des quatre méthodes intégrées décrites. En dehors de cela, il fournit également une liste de méthodes qui peuvent être appliquées pour définir et obtenir la date et l'heure selon les besoins. Cet article a illustré en profondeur le but, l'utilisation et la mise en œuvre pratique de l'objet Date dans TypeScript.