Dieser Beitrag veranschaulicht den Zweck, die Verwendung und die praktische Implementierung des Date-Objekts in TypeScript.
Was ist ein Date-Objekt in TypeScript?
Der ' Datum Das Objekt bezeichnet das Datum und die Uhrzeit. Dieses Objekt druckt standardmäßig das Datum und die Uhrzeit des lokalen Systems. Mithilfe der vordefinierten Methoden können Benutzer außerdem ein bestimmtes Datum und eine bestimmte Uhrzeit (einschließlich Zeitzone) Ihres Systems festlegen.
Syntax
Datum lassen = neu Datum ( jjjj, mm, dd )
In der obigen Syntax erstellt das Schlüsselwort „new“ ein „Date“-Objekt, das dem angegebenen Datumsformat folgt (yyyy(year), mm(month), dd(date)).
Beginnen wir mit der Erstellung des „Date“-Objekts.
Wie erstelle ich ein Datumsobjekt in TypeScript?
Der ' Datum „ist ein dynamisches Objekt, das auf unterschiedliche Weise implementiert werden kann, um Datum und Uhrzeit je nach Bedarf abzurufen. Dieser Abschnitt enthält alle möglichen Methoden zum Erstellen eines „Date“-Objekts zum Abrufen des angegebenen Datums und der angegebenen Uhrzeit.
Fahren wir mit der ersten Methode fort.
Methode 1: neues Datum()
Wenn im Konstruktor „Date()“ kein Wert übergeben wird, werden standardmäßig das Systemdatum und die Systemzeit des Benutzers zurückgegeben:
Datum lassen = neu Datum ( ) ;Konsole. Protokoll ( „Datum =“ + Datum ) ;
Im obigen Code:
- Der ' Datum „Variable erstellt eine“ Datum ”-Objekt mit dem Schlüsselwort „new“ und dem Konstruktor „Date()“.
- Der ' console.log() Die Methode zeigt den Wert der Variablen „Datum“, d. h. das aktuelle Datum und die aktuelle Uhrzeit, mit der angegebenen Anweisung an.
Ausgang
Kompilieren Sie die „ .ts ”-Datei mit dem „tsc“-Compiler und führen Sie die generierte kompilierte Datei mit dem „tsc“-Compiler aus und führen Sie die generierte kompilierte Datei aus. .js ”-Erweiterung mit Hilfe des „node“-Befehls:
tsc main. tsKnoten main. js
Dabei zeigt das Terminal Datum und Uhrzeit des Benutzersystems sowie die Zeitzone an.
Methode 2: neues Datum (Millisekunden)
Das „neue Datum (Millisekunden)“ erstellt ein Datumsobjekt, das Datum und Uhrzeit von „0“ bis zur Anzahl der angegebenen Millisekunden berechnet:
Datum lassen = neu Datum ( 6112346789 ) ;Konsole. Protokoll ( „Datum =“ + Datum ) ;
Dabei gibt der Konstruktor als Parameter die Anzahl der Millisekunden an.
Ausgang
Knoten main. js 
Das oben angezeigte Datum und die Uhrzeit liegen zwischen „0“ und „6112346789“ Millisekunden.
Methode 3: neues Datum („datestring“)
Diese Methode nimmt das angegebene Datum im Format „jj-mm-tt“ als Zeichenfolge und zeigt es als neues Datum an:
Datum lassen = neu Datum ( „18.02.2016“ ) ;Konsole. Protokoll ( „Datum =“ + Datum ) ;
Hier übernimmt das „Date“-Objekt das angegebene Datum als Zeichenfolge in doppelten Anführungszeichen.
Ausgang
Knoten main. js 
Das Terminal zeigt das neu erstellte Date-Objekt an.
Methode 4: neues Datum (Jahr, Monat, Datum, Stunde, Minute, Sekunde, Millisekunde):
Mit der letzten Methode können Benutzer ein neues Datumsobjekt entsprechend dem angegebenen Datum und der angegebenen Uhrzeit im Format „(jj, mm, tt, hh, min, s, Millisekunden)“ erstellen:
Datum lassen = neu Datum ( 2015 , 3 , 2 , 14 , zwanzig , 30 , 9 ) ;Konsole. Protokoll ( „Datum =“ + Datum ) ;
Im obigen Code werden Datum und Uhrzeit gemäß dem angegebenen Format angegeben.
Ausgang
Knoten main. js 
Die Ausgabe erstellt ein neues Objekt, das das angegebene Datum und die angegebene Uhrzeit basierend auf dem angegebenen Format anzeigt.
Was sind die Methoden und Eigenschaften des Date-Objekts in TypeScript?
Der ' Datum „Objekt verfügt über eine Vielzahl von Methoden und Eigenschaften, die unten aufgeführt sind:
Eigenschaften des Datumsobjekts
| Prototyp | Es hilft beim Hinzufügen von Eigenschaften und Methoden zum Date-Objekt. |
| Konstrukteur | Es wird als Funktion verwendet, die den Objektprototyp erstellt. |
Methoden zum Abrufen und Festlegen des Datumsobjekts
| getMonth() | Es gibt den im Datum angegebenen Monat basierend auf dem lokalen Datum zurück. |
| getFullYear() | Es zeigt das angegebene Jahr entsprechend der Ortszeit an. |
| getMinutes() | Es gibt die Minuten ab dem jeweiligen Datum an. |
| getMilliseconds() | Es liefert die Millisekunden ab dem angegebenen Datum. |
| getSeconds() | Es gibt die Anzahl der Sekunden gemäß dem angegebenen Datum an. |
| Datum einstellen() | Es legt den Tag/das Datum des Monats für das jeweilige Datum basierend auf der Ortszeit fest. |
| setHours() | Es gibt die gewünschten Stunden für das Datum an. |
| setMinutes() | Es legt die Minuten für das angegebene Datum fest. |
| setSeconds() | Es legt die Anzahl der Sekunden basierend auf der Ortszeit fest. |
| setYear() | Es stellt das erforderliche Jahr basierend auf der Ortszeit ein. |
Weitere Methoden finden Sie im angegebenen Tutorial „ Referenz zu Datumsmethoden “.
Wie verwende ich ein Datumsobjekt in TypeScript?
Da der obige Abschnitt eine Liste von „Datum“-Objektmethoden definiert. Lassen Sie uns das Date-Objekt mit diesen Methoden verwenden, um seine praktische Implementierung zu erklären.
Beispiel 1: Legen Sie ein bestimmtes Datum, einen bestimmten Monat und ein bestimmtes Jahr fest
In diesem Beispiel werden die Methoden „Date“-Objekt „setdate()“, „setMonth()“ und „setFullYear()“ verwendet, um das angegebene Datum festzulegen.
Code
Kopieren Sie diese Codezeilen in die „.ts“-Datei:
Datum lassen : Datum = neu Datum ( ) ;Datum. Datum einstellen ( 5 ) ;
Datum. setMonth ( elf ) ;
Datum. setFullYear ( 2014 ) ;
Konsole. Protokoll ( 'Jahr = ' + Datum. getFullYear ( ) ) ;
Konsole. Protokoll ( „Datum =“ + Datum. Verabredung bekommen ( ) ) ;
Konsole. Protokoll ( 'Monat = ' + Datum. getMonth ( ) )
Konsole. Protokoll ( ' Neues Datum = ' + Datum ) ;
In den obigen Codezeilen:
- Erstellen Sie zunächst ein „ Datum ”-Objekt mit Hilfe des Schlüsselworts „new“ und des in der Variablen „date“ gespeicherten Konstruktors „Date()“.
- Als nächstes verknüpfen Sie die Variable „Datum“ nacheinander mit den angegebenen Methoden. Der ' Datum einstellen() Die Methode legt das Datum des Monats fest, die Methode „ setMonth() „ legt den Monat fest und das „ setFullYear() Die Methode legt das Jahr fest.
- Zeigen Sie anschließend das neue Datum mit Hilfe der Methode „console.log()“ mit dem Befehl „ an. getFullYear() “, „ Verabredung bekommen() ', Und ' getMonth() ” Methoden.
Ausgang
Knoten main. js 
In der Ausgabe ist zu sehen, dass das Date-Objekt das neu festgelegte Datum, den Monat und das Jahr zurückgibt.
Beispiel 2: Legen Sie bestimmte Stunden, Minuten und Sekunden fest
In diesem Beispiel werden die Methoden „setHours()“, „setMinutes()“ und „setSeconds()“ des Date-Objekts verwendet, um die gewünschte Zeit festzulegen:
Datum lassen : Datum = neu Datum ( ) ;Datum. setHours ( 8 ) ;
Datum. setMinutes ( 12 ) ;
Datum. setSeconds ( zwanzig ) ;
Konsole. Protokoll ( 'Stunden = ' + Datum. getHours ( ) ) ;
Konsole. Protokoll ( 'Minuten = ' + Datum. getMinutes ( ) ) ;
Konsole. Protokoll ( „Sekunden =“ + Datum. getSeconds ( ) ) ;
Konsole. Protokoll ( „Datum und Uhrzeit =“ + Datum ) ;
Gemäß dem obigen Codeausschnitt:
- Der ' setHours() „Methode legt die Anzahl der Stunden fest“, setMinutes() „ stellt die Minuten ein und die „ setSeconds() Die Methode legt jeweils die Anzahl der Sekunden fest.
- Der ' getHours() “, „ getMinutes() ', Und ' getSeconds() ”-Methoden geben die neu eingestellten Stunden, Minuten und Sekunden als Zeit zurück.
Ausgang
Knoten main. js 
Die Ausgabe zeigt die neue Zeit, die mithilfe der Date-Objektmethoden festgelegt wurde.
Beispiel 3: Erhalten Sie das aktuelle Datum und die aktuelle Uhrzeit mithilfe von Gebietsschemakonventionen
In diesem Beispiel wird die Methode „toLocaleString()“ verwendet, um das aktuelle Datum und die aktuelle Uhrzeit als lokale Konvention anzuzeigen:
Datum lassen = neu Datum ( ) ;Konsole. Protokoll ( „Datum und Uhrzeit =“ + Datum. toLocaleString ( ) ) ;
Verknüpfen Sie in den obigen Codezeilen die Methode „toLocaleString()“ mit der Variablen, um einen String mit einer sprachabhängigen Darstellung des aktuellen Datums zurückzugeben.
Ausgang
Knoten main. js 
Wie Sie sehen, zeigt die Ausgabe das aktuelle Datum und die aktuelle Uhrzeit gemäß lokaler Konvention an.
Beispiel 4: Ursprünglicher Wert des Rückgabedatumsobjekts
In diesem Beispiel wird das „ Wert von() ”-Methode, um das Date-Objekt als primitiven Wert zurückzugeben:
Datum lassen = neu Datum ( ) ;Konsole. Protokoll ( „Datum und Uhrzeit =“ + Datum. Wert von ( ) ) ;
Im obigen Codeausschnitt ist das „ Wert von() Die Methode „Date“ gibt die Ausgabe des Date-Objekts in Millisekunden seit Mitternacht „1. Januar 1970, UTC“ zurück.
Ausgang
Knoten main. js 
Hier geben die Ergebnisse das Date-Objekt als primitiven Wert zurück.
Abschluss
In TypeScript ist das „ Datum Das Objekt entspricht dem Datum und der Uhrzeit des lokalen Systems. Dieses Objekt kann mithilfe der besprochenen vier integrierten Methoden erstellt werden, um die gewünschte Ausgabe anzuzeigen. Darüber hinaus bietet es auch eine Liste von Methoden, die angewendet werden können, um Datum und Uhrzeit entsprechend den Anforderungen festzulegen und abzurufen. In diesem Beitrag wurden der Zweck, die Verwendung und die praktische Implementierung des Date-Objekts in TypeScript ausführlich erläutert.