Dit bericht illustreert het doel, het gebruik en de praktische implementatie van het Date-object in TypeScript.
Wat is een datumobject in TypeScript?
De ' Datum ” object geeft de datum en tijd aan. Dit object drukt standaard de datum en tijd van het lokale systeem af. Het stelt de gebruikers ook in staat om een specifieke datum en tijd (inclusief tijdzone) van uw systeem in te stellen met behulp van de vooraf gedefinieerde methoden.
Syntaxis
laat daten = nieuw Datum ( jjjj, mm, dd )
In de bovenstaande syntaxis maakt het sleutelwoord 'nieuw' een object 'Datum' volgens het opgegeven datumformaat (jjjj(jaar), mm(maand), dd(datum)).
Laten we beginnen met het maken van het object 'Datum'.
Hoe maak je een datumobject in TypeScript?
De ' Datum ” is een dynamisch object dat op verschillende manieren kan worden geïmplementeerd om de datum en tijd naar wens te krijgen. Deze sectie bevat alle mogelijke methoden om een object 'Datum' te maken om de opgegeven datum en tijd op te halen.
Laten we doorgaan met de eerste methode.
Methode 1: nieuwe datum()
Als er geen waarde wordt doorgegeven in de constructor 'Date()', retourneert deze standaard de systeemdatum en -tijd van de gebruiker:
laat daten = nieuw Datum ( ) ;troosten. loggen ( 'Datum = ' + datum ) ;
In bovenstaande code:
- De ' datum ” variabele creëert een “ Datum '-object met behulp van het sleutelwoord 'new' en de constructor 'Date()'.
- De ' console.log() ” methode geeft de waarde van de variabele 'date' weer, d.w.z. de huidige datum en tijd met de opgegeven instructie.
Uitgang
Stel de “ .ts ' -bestand met behulp van de 'tsc' -compiler en voer het gegenereerde gecompileerde bestand uit met de ' .js ” extensie met behulp van het commando “node”:
tsc belangrijkste. tsknooppunt hoofd. js
Hier toont de terminal de datum en tijd van het gebruikerssysteem en de tijdzone.
Methode 2: nieuwe datum (milliseconden)
De 'new Date(milliseconds)' creëert een Date-object dat de datum en tijd berekent van '0' tot het aantal gespecificeerde milliseconden:
laat daten = nieuw Datum ( 6112346789 ) ;troosten. loggen ( 'Datum = ' + datum ) ;
Hier specificeert de constructor het aantal milliseconden als parameter.
Uitgang
knooppunt hoofd. js 
De hierboven weergegeven datum en tijd zijn van '0' tot '6112346789' milliseconden.
Methode 3: nieuwe datum ('datestring')
Deze methode neemt de opgegeven datum in 'jj-mm-dd'-indeling als een tekenreeks en geeft deze weer als de nieuwe datum:
laat daten = nieuw Datum ( '2016-02-18' ) ;troosten. loggen ( 'Datum = ' + datum ) ;
Hier neemt het object 'Datum' de opgegeven datum als een tekenreeks tussen dubbele aanhalingstekens.
Uitgang
knooppunt hoofd. js 
De terminal toont het nieuw gemaakte Date-object.
Methode 4: nieuwe datum (jaar, maand, datum, uur, minuut, seconde, milliseconde):
Met de laatste methode kunnen gebruikers een nieuw Date-object maken volgens de opgegeven datum en tijd op basis van het formaat '(jj, mm, dd, hh, min, sec, milliseconden)':
laat daten = nieuw Datum ( 2015 , 3 , 2 , 14 , twintig , 30 , 9 ) ;troosten. loggen ( 'Datum = ' + datum ) ;
In de bovenstaande code zijn de datum en tijd gespecificeerd in overeenstemming met het vermelde formaat.
Uitgang
knooppunt hoofd. js 
De uitvoer maakt een nieuw object aan dat de opgegeven datum en tijd weergeeft op basis van het opgegeven formaat.
Wat zijn de methoden en eigenschappen van het datumobject in TypeScript?
De ' Datum ”-object wordt geleverd met een breed scala aan methoden en eigenschappen die hieronder worden vermeld:
Eigenschappen van datumobject
| prototype | Het helpt bij het toevoegen van eigenschappen en methoden aan het Date-object. |
| constructeur | Het wordt gebruikt als een functie die het prototype van het object maakt. |
Krijg en stel methoden van datumobject in
| getMonth() | Het retourneert de maand die is opgegeven in de datum op basis van de lokale datum. |
| getFullJaar() | Het geeft het gegeven jaar weer volgens de lokale tijd. |
| haalMinuten() | Het specificeert de minuten vanaf de specifieke datum. |
| getMilliseconden() | Het geeft de milliseconden vanaf de opgegeven datum. |
| krijgSeconden() | Het geeft het aantal seconden volgens de opgegeven datum. |
| datum instellen() | Het stelt de dag/datum van de maand in voor de specifieke datum op basis van lokale tijd. |
| setUren() | Het specificeert de gewenste uren voor de datum. |
| setminuten() | Het stelt de minuten in voor de opgegeven datum. |
| setSeconden() | Het stelt het aantal seconden in op basis van de lokale tijd. |
| setJaar() | Het stelt het vereiste jaar in op basis van de lokale tijd. |
Volg voor meer methoden de gegeven tutorial ' Datum Methoden Referentie ”.
Hoe datumobject in TypeScript te gebruiken?
Zoals het bovenstaande gedeelte een lijst met objectmethoden 'Datum' definieert. Laten we het Date-object met deze methoden gebruiken om de praktische implementatie ervan uit te leggen.
Voorbeeld 1: stel specifieke datum, maand en jaar in
Dit voorbeeld gebruikt de methoden 'Date'-object 'setdate()', 'setMonth()' en 'setFullYear()' om de opgegeven datum in te stellen.
Code
Kopieer deze coderegels in het bestand '.ts':
laat daten : Datum = nieuw Datum ( ) ;datum. setDatum ( 5 ) ;
datum. setMaand ( elf ) ;
datum. setFullJaar ( 2014 ) ;
troosten. loggen ( 'Jaar = ' + datum. getFullJaar ( ) ) ;
troosten. loggen ( 'Datum = ' + datum. krijg datum ( ) ) ;
troosten. loggen ( 'Maand = ' + datum. getMonth ( ) )
troosten. loggen ( ' Nieuwe datum = ' + datum ) ;
In de bovenstaande regels code:
- Maak eerst een ' Datum '-object met behulp van het sleutelwoord 'new' en de constructor 'Date()' opgeslagen in de variabele 'date'.
- Koppel vervolgens de variabele 'datum' een voor een aan de opgegeven methoden. De ' datum instellen() ” methode stelt de datum van de maand in, de “ setMonth() ” stelt de maand in en de “ setFullJaar() ”methode stelt het jaar in.
- Geef daarna de nieuwe datum weer met behulp van de methode 'console.log()' met behulp van de ' getFullJaar() ”, “ krijg datum() ', En ' getMonth() ” methoden.
Uitgang
knooppunt hoofd. js 
In de uitvoer is te zien dat het Date-object de nieuw ingestelde datum, maand en jaar retourneert.
Voorbeeld 2: stel specifieke uren, minuten en seconden in
In dit voorbeeld worden de methoden 'setHours()', 'setMinutes()' en 'setSeconds()' van het object Date gebruikt om de gewenste tijd in te stellen:
laat daten : Datum = nieuw Datum ( ) ;datum. setUren ( 8 ) ;
datum. minuten instellen ( 12 ) ;
datum. setSeconden ( twintig ) ;
troosten. loggen ( 'Uren = ' + datum. getHours ( ) ) ;
troosten. loggen ( 'Minuten = ' + datum. minuten ophalen ( ) ) ;
troosten. loggen ( 'Seconden = ' + datum. krijgSeconden ( ) ) ;
troosten. loggen ( 'Datum en tijd = ' + datum ) ;
Volgens het bovenstaande codefragment:
- De ' setUren() ” methode stelt het aantal uren in, “ setminuten() ” stelt de minuten in en de “ setSeconden() ” methode stelt respectievelijk het aantal seconden in.
- De ' getHours() ”, “ haalMinuten() ', En ' krijgSeconden() ” methoden retourneren de nieuw ingestelde uren, minuten en seconden als tijd.
Uitgang
knooppunt hoofd. js 
De uitvoer toont de nieuwe tijd die is ingesteld met behulp van de Date-objectmethoden.
Voorbeeld 3: de huidige datum en tijd ophalen met behulp van lokale conventies
In dit voorbeeld wordt de methode 'toLocaleString()' gebruikt om de huidige datum en tijd als een lokale conventie weer te geven:
laat daten = nieuw Datum ( ) ;troosten. loggen ( 'Datum en tijd = ' + datum. naarLocaleString ( ) ) ;
Koppel in de bovenstaande coderegels de methode 'toLocaleString()' aan de variabele om een tekenreeks te retourneren met een taalgevoelige weergave van de huidige datum.
Uitgang
knooppunt hoofd. js 
Zoals te zien is, toont de uitvoer de huidige datum en tijd volgens de lokale conventie.
Voorbeeld 4: Primitieve waarde van object met retourdatum
Dit voorbeeld past de “ waarde van() ” methode om het Date-object als een primitieve waarde te retourneren:
laat daten = nieuw Datum ( ) ;troosten. loggen ( 'Datum en tijd = ' + datum. waarde van ( ) ) ;
In het bovenstaande codefragment, de ' waarde van() ” methode retourneert de uitvoer van het Date-object in milliseconden sinds middernacht 'January 1, 1970, UTC'.
Uitgang
knooppunt hoofd. js 
Hier retourneren de uitkomsten het Date-object als een primitieve waarde.
Conclusie
In TypeScript is de ' Datum ” object komt overeen met de datum en tijd van het lokale systeem. Dit object kan worden gemaakt om de gewenste uitvoer weer te geven met behulp van de besproken vier ingebouwde methoden. Afgezien daarvan biedt het ook een lijst met methoden die kunnen worden toegepast om de datum en tijd in te stellen en te krijgen volgens de vereisten. Dit bericht illustreerde diep het doel, het gebruik en de praktische implementatie van het Date-object in TypeScript.