En omfattende vejledning om datoobjekt i TypeScript

En Omfattende Vejledning Om Datoobjekt I Typescript



TypeScript er supersættet af JavaScript, der kommer med alle funktionerne i JavaScript såvel som de nye. Det har næsten alle JavaScripts indbyggede metoder og egenskaber til at udføre forskellige funktioner. Funktionen af ​​alle disse metoder, egenskaber og objekter er den samme i TypeScript. Så brugeren kan bruge et hvilket som helst af JavaScript-objekterne som et TypeScript-objekt i henhold til kravene.

Dette indlæg illustrerer Date-objektets formål, brug og praktiske implementering i TypeScript.

Hvad er et datoobjekt i TypeScript?

Det ' Dato ” objekt angiver dato og klokkeslæt. Dette objekt udskriver det lokale systems dato og klokkeslæt som standard. Det giver også brugerne mulighed for at indstille en bestemt dato og tid (inklusive tidszone) for dit system ved hjælp af dets foruddefinerede metoder.







Syntaks



lad date = ny Dato ( åååå, mm, dd )

I ovenstående syntaks opretter det 'nye' nøgleord et 'Dato'-objekt efter det angivne datoformat (åååå(år), mm(måned), dd(dato)).



Lad os starte med oprettelsen af ​​'Dato'-objektet.





Hvordan opretter man et datoobjekt i TypeScript?

Det ' Dato ” er et dynamisk objekt, der kan implementeres på forskellige måder for at få dato og klokkeslæt efter krav. Dette afsnit indeholder alle mulige metoder til at oprette et 'Dato'-objekt for at få den angivne dato og klokkeslæt.

Lad os gå videre med den første metode.



Metode 1: ny dato()

Som standard, hvis der ikke sendes nogen værdi i 'Date()'-konstruktøren, returnerer den brugerens systemdato og -klokkeslæt:

lad date = ny Dato ( ) ;

konsol. log ( 'Dato =' + dato ) ;

I ovenstående kode:

  • Det ' dato ' variabel opretter en ' Dato ”-objekt ved hjælp af nøgleordet “ny” og konstruktøren “Date()”.
  • Det ' console.log() '-metoden viser 'dato'-variablens værdi, dvs. den aktuelle dato og klokkeslæt med den angivne sætning.

Produktion

Kompiler ' .ts ' fil ved hjælp af 'tsc' compileren og kør den genererede kompilerede fil med ' .js ' udvidelse ved hjælp af kommandoen 'node':

tsc hoved. ts

hovedknudepunkt. js

Her viser terminalen brugersystemets dato og klokkeslæt samt tidszonen.

Metode 2: ny dato (millisekunder)

Den 'nye Date(millisekunder)' opretter et Dato-objekt, der beregner datoen og klokkeslættet fra '0' til antallet af specificerede millisekunder:

lad date = ny Dato ( 6112346789 ) ;

konsol. log ( 'Dato = ' + dato ) ;

Her angiver konstruktøren antallet af millisekunder som en parameter.

Produktion

hovedknudepunkt. js

Den ovenfor viste dato og tid er fra '0' til '6112346789' millisekunder.

Metode 3: ny dato ('datostreng')

Denne metode tager den angivne dato i formatet 'åå-mm-dd' som en streng og viser den som den nye dato:

lad date = ny Dato ( '2016-02-18' ) ;

konsol. log ( 'Dato = ' + dato ) ;

Her tager 'Date'-objektet den angivne dato som en streng omgivet af dobbelte anførselstegn.

Produktion

hovedknudepunkt. js

Terminalen viser det nyoprettede Dato-objekt.

Metode 4: ny dato (år, måned, dato, time, minut, sekund, millisekund):

Den sidste metode giver brugerne mulighed for at oprette et nyt Dato-objekt i henhold til den angivne dato og klokkeslæt baseret på formatet '(åå, mm, dd, tt, min, sek, millisekunder)':

lad date = ny Dato ( 2015 , 3 , 2 , 14 , tyve , 30 , 9 ) ;

konsol. log ( 'Dato = ' + dato ) ;

I ovenstående kode er dato og klokkeslæt angivet i overensstemmelse med det angivne format.

Produktion

hovedknudepunkt. js

Outputtet opretter et nyt objekt, der viser den angivne dato og klokkeslæt baseret på det givne format.

Hvad er metoderne og egenskaberne for Dato-objekt i TypeScript?

Det ' Dato objekt kommer med en bred vifte af metoder og egenskaber, der er anført nedenfor:

Datoobjektets egenskaber

prototype Det hjælper med at tilføje egenskaber og metoder til Date-objektet.
konstruktør Det bruges som en funktion, der skaber objektprototypen.

Hent og indstil metoder til datoobjekt

getMonth() Det returnerer den måned, der er angivet på datoen, baseret på den lokale dato.
getFullYear() Den viser det givne år i henhold til lokal tid.
getMinutes() Det specificerer referatet fra den bestemte dato.
getMilliseconds() Det giver millisekunderne fra den givne dato.
getSeconds() Den angiver antallet af sekunder i henhold til den angivne dato.
setDate() Den indstiller dagen/datoen i måneden for den bestemte dato baseret på lokal tid.
setHours() Den angiver de ønskede timer for datoen.
setMinutes() Den indstiller minutterne for den angivne dato.
setSeconds() Den indstiller antallet af sekunder baseret på den lokale tid.
sætÅr() Den indstiller det påkrævede år baseret på lokal tid.

For flere metoder, følg den givne vejledning ' Dato Metoder reference ”.

Hvordan bruger man Dato Object i TypeScript?

Som ovenstående afsnit definerer en liste over 'Dato'-objektmetoder. Lad os bruge Date-objektet med disse metoder til at forklare dets praktiske implementering.

Eksempel 1: Indstil specifik dato, måned og år

Dette eksempel bruger metoderne 'Date'-objektet 'setdate()', 'setMonth()' og 'setFullYear()' til at indstille den angivne Dato.

Kode

Kopier disse kodelinjer i '.ts'-filen:

lad date : Dato = ny Dato ( ) ;

dato. sæt dato ( 5 ) ;

dato. sætMåned ( elleve ) ;

dato. sætFuldår ( 2014 ) ;

konsol. log ( 'År = ' + dato. getFullYear ( ) ) ;

konsol. log ( 'Dato = ' + dato. getDate ( ) ) ;

konsol. log ( 'Måned = ' + dato. få Måned ( ) )

konsol. log ( 'Ny dato = ' + dato ) ;

I ovenstående kodelinjer:

  • Først skal du oprette en ' Dato ”-objekt ved hjælp af nøgleordet “nyt” og “Date()”-konstruktøren gemt i “dato”-variablen.
  • Tilknyt derefter 'dato'-variablen med de angivne metoder én efter én. Det ' setDate() '-metoden indstiller datoen for måneden, ' setMonth() ' indstiller måneden, og ' sætFuldår() ”-metoden sætter året.
  • Derefter skal du vise den nye dato ved hjælp af 'console.log()'-metoden ved hjælp af ' getFullYear() ', ' getDate() ', og ' getMonth() ' metoder.

Produktion

hovedknudepunkt. js

Det ses i outputtet, at Date-objektet returnerer den nyindstillede dato, måned og år.

Eksempel 2: Indstil specifikke timer, minutter og sekunder

Dette eksempel bruger metoderne 'setHours()', 'setMinutes()' og 'setSeconds()' for Date-objektet til at indstille det ønskede tidspunkt:

lad date : Dato = ny Dato ( ) ;

dato. sættimer ( 8 ) ;

dato. sætMinutter ( 12 ) ;

dato. setSeconds ( tyve ) ;

konsol. log ( 'Timer = ' + dato. getHours ( ) ) ;

konsol. log ( 'Minutter = ' + dato. getMinutes ( ) ) ;

konsol. log ( 'sekunder = ' + dato. getSeconds ( ) ) ;

konsol. log ( 'Dato og tid = ' + dato ) ;

Ifølge ovenstående kodestykke:

  • Det ' setHours() ' metode indstiller antallet af timer, ' setMinutes() ' indstiller minutter og ' setSeconds() ” metode indstiller antallet af sekunder hhv.
  • Det ' getHours() ', ' getMinutes() ', og ' getSeconds() ”-metoder returnerer de nyligt indstillede timer, minutter og sekunder som tid.

Produktion

hovedknudepunkt. js

Outputtet viser den nye tid, der er indstillet ved hjælp af Dato-objektmetoderne.

Eksempel 3: Hent den aktuelle dato og klokkeslæt ved hjælp af lokale konventioner

Dette eksempel bruger metoden 'toLocaleString()' til at vise den aktuelle dato og tid som en lokal konvention:

lad date = ny Dato ( ) ;

konsol. log ( 'Dato og tid = ' + dato. til LocaleString ( ) ) ;

I ovenstående kodelinjer skal du forbinde 'toLocaleString()'-metoden med variablen for at returnere en streng med en sprogfølsom repræsentation af den aktuelle Dato.

Produktion

hovedknudepunkt. js

Som det ses, viser outputtet den aktuelle dato og klokkeslæt ved brug af lokal konvention.

Eksempel 4: Returdato Objekt Primitiv værdi

Dette eksempel anvender ' Værdi af() ” metode til at returnere Date-objektet som en primitiv værdi:

lad date = ny Dato ( ) ;

konsol. log ( 'Dato og tid = ' + dato. Værdi af ( ) ) ;

I ovenstående kodestykke er ' Værdi af() ”-metoden returnerer Dato-objektets output i millisekunder siden midnat “1. januar 1970, UTC”.

Produktion

hovedknudepunkt. js

Her returnerer resultaterne Dato-objektet som en primitiv værdi.

Konklusion

I TypeScript er ' Dato ” objekt svarer til dato og klokkeslæt for det lokale system. Dette objekt kan oprettes til at vise det ønskede output ved hjælp af de diskuterede fire indbyggede metoder. Udover det giver det også en liste over metoder, der kan anvendes til at indstille og få dato og klokkeslæt i henhold til kravene. Dette indlæg illustrerede dybt Date-objektets formål, brug og praktiske implementering i TypeScript.