En omfattande guide om datumobjekt i TypeScript

En Omfattande Guide Om Datumobjekt I Typescript



TypeScript är superset av JavaScript som kommer med alla funktioner i JavaScript såväl som de nya. Den har nästan alla inbyggda metoder och egenskaper hos JavaScript för att utföra olika funktioner. Alla dessa metoder, egenskaper och objekt fungerar på samma sätt i TypeScript. Så användaren kan använda vilket JavaScript-objekt som helst som ett TypeScript-objekt enligt kraven.

Det här inlägget illustrerar Date-objektets syfte, användning och praktiska implementering i TypeScript.

Vad är ett datumobjekt i TypeScript?

den ' Datum ” objekt anger datum och tid. Detta objekt skriver ut det lokala systemets datum och tid som standard. Det tillåter också användarna att ställa in ett specifikt datum och tid (inklusive tidszon) för ditt system med hjälp av dess fördefinierade metoder.







Syntax



låt dejta = ny Datum ( åååå, mm, dd )

I ovanstående syntax skapar nyckelordet 'nya' ett 'Datum'-objekt efter det angivna datumformatet (åååå(år), mm(månad), dd(datum)).



Låt oss börja med skapandet av 'Datum' -objektet.





Hur skapar man ett datumobjekt i TypeScript?

den ' Datum ” är ett dynamiskt objekt som kan implementeras på olika sätt för att få datum och tid enligt krav. Det här avsnittet innehåller alla möjliga metoder för att skapa ett 'Datum'-objekt för att få angivet datum och tid.

Låt oss gå vidare med den första metoden.



Metod 1: nytt datum()

Som standard, om inget värde skickas i 'Date()'-konstruktorn, returnerar det användarens systemdatum och tid:

låt dejta = ny Datum ( ) ;

trösta. logga ( 'Datum = ' + datum ) ;

I ovanstående kod:

  • den ' datum ' variabel skapar en ' Datum ”-objekt med hjälp av nyckelordet ”new” och konstruktorn ”Date()”.
  • den ' console.log() ”-metoden visar ”date”-variabelns värde, dvs. aktuellt datum och tid med det angivna uttalandet.

Produktion

Kompilera ' .ts '-fil med hjälp av 'tsc'-kompilatorn och kör den genererade kompilerade filen med ' .js förlängning med hjälp av kommandot 'nod':

tsc huvud. ts

nod huvud. js

Här visar terminalen användarsystemets datum och tid samt tidszon.

Metod 2: nytt datum (millisekunder)

Den 'nya Date(millisekunder)' skapar ett Date-objekt som beräknar datum och tid från '0' till antalet angivna millisekunder:

låt dejta = ny Datum ( 6112346789 ) ;

trösta. logga ( 'Datum = ' + datum ) ;

Här anger konstruktorn antalet millisekunder som en parameter.

Produktion

nod huvud. js

Ovanstående datum och tid är från '0' till '6112346789' millisekunder.

Metod 3: new Date(“datestring”)

Den här metoden tar det angivna datumet i formatet 'åå-mm-dd' som en sträng och visar det som det nya datumet:

låt dejta = ny Datum ( '2016-02-18' ) ;

trösta. logga ( 'Datum = ' + datum ) ;

Här tar 'Date'-objektet det angivna datumet som en sträng omsluten av dubbla citattecken.

Produktion

nod huvud. js

Terminalen visar det nyskapade Date-objektet.

Metod 4: nytt datum (år, månad, datum, timme, minut, sekund, millisekund):

Den sista metoden låter användarna skapa ett nytt Date-objekt enligt angivet datum och tid baserat på formatet '(åå, mm, dd, hh, min, sek, millisekunder)':

låt dejta = ny Datum ( 2015 , 3 , 2 , 14 , tjugo , 30 , 9 ) ;

trösta. logga ( 'Datum = ' + datum ) ;

I ovanstående kod anges datum och tid i enlighet med det angivna formatet.

Produktion

nod huvud. js

Utdatan skapar ett nytt objekt som visar angivet datum och tid baserat på det givna formatet.

Vilka är metoderna och egenskaperna för Date Object i TypeScript?

den ' Datum ” objekt kommer med ett brett utbud av metoder och egenskaper som listas nedan:

Egenskaper för datumobjekt

prototyp Det hjälper till att lägga till egenskaper och metoder till Date-objektet.
konstruktör Den används som en funktion som skapar objektprototypen.

Hämta och ställ in metoder för datumobjekt

getMonth() Den returnerar månaden som anges i datumet baserat på det lokala datumet.
getFullYear() Den visar det givna året enligt lokal tid.
getMinutes() Den anger protokollet från det aktuella datumet.
getMilliseconds() Det ger millisekunderna från det givna datumet.
getSeconds() Den anger antalet sekunder enligt angivet datum.
bestämma datum() Den ställer in dagen/datumet i månaden för det specifika datumet baserat på lokal tid.
setHours() Den anger önskade timmar för datumet.
setMinutes() Den ställer in minuterna för det angivna datumet.
setSeconds() Den ställer in antalet sekunder baserat på lokal tid.
setYear() Den ställer in det erforderliga året baserat på lokal tid.

För fler metoder, följ den givna handledningen ' Datum Metodreferens ”.

Hur använder man Date Object i TypeScript?

Eftersom avsnittet ovan definierar en lista över 'Datum'-objektmetoder. Låt oss använda Date-objektet med dessa metoder för att förklara dess praktiska implementering.

Exempel 1: Ställ in specifikt datum, månad och år

Det här exemplet använder metoderna “Date”-objektet “setdate()”, “setMonth()” och “setFullYear()” för att ställa in det angivna datumet.

Koda

Kopiera dessa kodrader i '.ts'-filen:

låt dejta : Datum = ny Datum ( ) ;

datum. bestämma datum ( 5 ) ;

datum. setMånad ( elva ) ;

datum. setFullYear ( 2014 ) ;

trösta. logga ( 'År =' + datum. getFullYear ( ) ) ;

trösta. logga ( 'Datum = ' + datum. getDate ( ) ) ;

trösta. logga ( 'Månad = ' + datum. getMonth ( ) )

trösta. logga ( 'Nytt datum = ' + datum ) ;

I kodraderna ovan:

  • Skapa först en ' Datum ” objekt med hjälp av nyckelordet “new” och “Date()”-konstruktorn lagrad i variabeln “date”.
  • Därefter associerar du variabeln 'datum' med de angivna metoderna en efter en. den ' bestämma datum() ”-metoden ställer in datumet i månaden, setMonth() ' ställer in månaden och ' setFullYear() ”-metoden anger året.
  • Efter det, visa det nya datumet med hjälp av metoden 'console.log()' med hjälp av ' getFullYear() ”, “ getDate() ', och ' getMonth() ' metoder.

Produktion

nod huvud. js

Det kan ses i utgången att Date-objektet returnerar det nyinställda datumet, månaden och året.

Exempel 2: Ställ in specifika timmar, minuter och sekunder

Det här exemplet använder metoderna 'setHours()', 'setMinutes()' och 'setSeconds()' för Date-objektet för att ställa in önskad tid:

låt dejta : Datum = ny Datum ( ) ;

datum. setHours ( 8 ) ;

datum. setMinutes ( 12 ) ;

datum. setSeconds ( tjugo ) ;

trösta. logga ( 'Timmar =' + datum. getHours ( ) ) ;

trösta. logga ( 'minuter = ' + datum. getMinutes ( ) ) ;

trösta. logga ( 'sekunder = ' + datum. getSeconds ( ) ) ;

trösta. logga ( 'Datum och tid = ' + datum ) ;

Enligt ovanstående kodavsnitt:

  • den ' setHours() '-metoden ställer in antalet timmar, ' setMinutes() ' ställer in minuter och ' setSeconds() ”-metoden ställer in antalet sekunder respektive.
  • den ' getHours() ”, “ getMinutes() ', och ' getSeconds() ”-metoder returnerar de nyinställda timmarna, minuterna och sekunderna som tid.

Produktion

nod huvud. js

Utdata visar den nya tiden som ställts in med Date-objektmetoderna.

Exempel 3: Hämta aktuellt datum och tid med hjälp av lokala konventioner

Det här exemplet använder metoden 'toLocaleString()' för att visa aktuellt datum och tid som en lokal konvention:

låt dejta = ny Datum ( ) ;

trösta. logga ( 'Datum och tid = ' + datum. till LocaleString ( ) ) ;

I ovanstående kodrader länkar du metoden 'toLocaleString()' med variabeln för att returnera en sträng med en språkkänslig representation av det aktuella datumet.

Produktion

nod huvud. js

Som sett visar utdata aktuellt datum och tid med hjälp av lokal konvention.

Exempel 4: Returdatum Objekt Primitivt värde

Detta exempel gäller ' värdet av() ” metod för att returnera Date-objektet som ett primitivt värde:

låt dejta = ny Datum ( ) ;

trösta. logga ( 'Datum och tid = ' + datum. värdet av ( ) ) ;

I kodavsnittet ovan, ' värdet av() ”-metoden returnerar Date-objektets utdata i millisekunder sedan midnatt “1 januari 1970, UTC”.

Produktion

nod huvud. js

Här returnerar resultaten Date-objektet som ett primitivt värde.

Slutsats

I TypeScript, ' Datum ”-objektet motsvarar datum och tid för det lokala systemet. Detta objekt kan skapas för att visa önskad utdata med hjälp av de diskuterade fyra inbyggda metoderna. Förutom det ger det också en lista över metoder som kan användas för att ställa in och få datum och tid enligt kraven. Detta inlägg illustrerade djupt Date-objektets syfte, användning och praktiska implementering i TypeScript.