Obsežen vodnik o datumskem objektu v TypeScriptu

Obsezen Vodnik O Datumskem Objektu V Typescriptu



TypeScript je nadmnožica JavaScripta, ki vključuje vse funkcije JavaScripta in nove. Ima skoraj vse vgrajene metode in lastnosti JavaScripta za izvajanje različnih funkcij. Delovanje vseh teh metod, lastnosti in objektov je v TypeScriptu enako. Tako lahko uporabnik uporabi kateri koli objekt JavaScript kot objekt TypeScript v skladu z zahtevami.

Ta objava ponazarja namen, uporabo in praktično izvedbo predmeta Date v TypeScriptu.

Kaj je datumski objekt v TypeScriptu?

' Datum ” predmet označuje datum in čas. Ta objekt privzeto natisne datum in čas lokalnega sistema. Uporabnikom omogoča tudi nastavitev določenega datuma in ure (vključno s časovnim pasom) vašega sistema s pomočjo vnaprej določenih metod.







Sintaksa



naj datum = novo Datum ( llll, mm, dd )

V zgornji sintaksi ključna beseda »novo« ustvari predmet »Datum« po podani obliki datuma (llll(leto), mm(mesec), dd(datum)).



Začnimo z ustvarjanjem predmeta »Datum«.





Kako ustvariti datumski objekt v TypeScript?

' Datum ” je dinamičen objekt, ki ga je mogoče implementirati na različne načine, da dobite datum in uro v skladu z zahtevami. Ta razdelek vsebuje vse možne metode za ustvarjanje predmeta »Datum« za pridobitev podanega datuma in ure.

Nadaljujmo s prvo metodo.



1. način: nov datum()

Če v konstruktorju »Date()« ni posredovana nobena vrednost, privzeto vrne uporabnikov sistemski datum in čas:

naj datum = novo Datum ( ) ;

konzola. dnevnik ( 'Datum =' + datum ) ;

V zgornji kodi:

  • ' datum ' spremenljivka ustvari ' Datum ” z uporabo ključne besede “new” in konstruktorja “Date()”.
  • ' console.log() « metoda prikaže vrednost spremenljivke »datum«, tj. trenutni datum in čas s podanim stavkom.

Izhod

Sestavite ' .ts ' z uporabo prevajalnika 'tsc' in zaženite ustvarjeno prevedeno datoteko z ' .js ” razširitev s pomočjo ukaza “node”:

tsc glavni. ts

glavno vozlišče. js

Tu terminal prikazuje datum in uro uporabniškega sistema ter časovni pas.

2. način: nov datum (milisekunde)

»Novi datum (milisekunde)« ustvari objekt datuma, ki izračuna datum in čas od »0« do števila določenih milisekund:

naj datum = novo Datum ( 6112346789 ) ;

konzola. dnevnik ( 'Datum =' + datum ) ;

Tukaj konstruktor podaja število milisekund kot parameter.

Izhod

glavno vozlišče. js

Zgoraj prikazani datum in čas sta od »0« do »6112346789« milisekund.

3. način: nov datum (»datumski niz«)

Ta metoda vzame podani datum v obliki »ll-mm-dd« kot niz in ga prikaže kot nov datum:

naj datum = novo Datum ( '2016-02-18' ) ;

konzola. dnevnik ( 'Datum =' + datum ) ;

Tukaj objekt »Datum« vzame podani datum kot niz v dvojnih narekovajih.

Izhod

glavno vozlišče. js

Terminal prikaže na novo ustvarjen objekt Date.

4. način: nov datum (leto, mesec, datum, ura, minuta, sekunda, milisekunda):

Zadnja metoda omogoča uporabnikom, da ustvarijo nov objekt Datum glede na podani datum in uro na podlagi zapisa »(ll, mm, dd, hh, min, sek, milisekunde)«:

naj datum = novo Datum ( 2015 , 3 , 2 , 14 , dvajset , 30 , 9 ) ;

konzola. dnevnik ( 'Datum =' + datum ) ;

V zgornji kodi sta datum in ura navedena v skladu z navedeno obliko.

Izhod

glavno vozlišče. js

Izhod ustvari nov predmet, ki prikazuje podani datum in čas na podlagi podane oblike.

Kakšne so metode in lastnosti datumskega predmeta v TypeScript?

' Datum ” ima široko paleto metod in lastnosti, ki so navedene spodaj:

Lastnosti datumskega predmeta

prototip Pomaga pri dodajanju lastnosti in metod predmetu Datum.
konstruktor Uporablja se kot funkcija, ki ustvari prototip objekta.

Metode pridobivanja in nastavitve datumskega predmeta

getMonth() Na podlagi lokalnega datuma vrne mesec, naveden v datumu.
getFullYear() Prikaže dano leto glede na lokalni čas.
getMinutes() Določa minute od določenega datuma.
getMilliseconds() Zagotavlja milisekunde od podanega datuma.
getSeconds() Poda število sekund glede na podani datum.
setDate() Nastavi dan/datum v mesecu za določen datum glede na lokalni čas.
setHours() Določa želene ure za datum.
setMinutes() Nastavi minute za določen datum.
setSeconds() Nastavi število sekund glede na lokalni čas.
setYear() Nastavi zahtevano leto glede na lokalni čas.

Za več metod sledite dani vadnici ' Referenca datumskih metod ”.

Kako uporabiti datumski predmet v TypeScript?

Ker zgornji razdelek definira seznam metod objekta »Datum«. Uporabimo objekt Date s temi metodami, da razložimo njegovo praktično izvedbo.

Primer 1: Nastavite določen datum, mesec in leto

Ta primer uporablja metode predmeta »Datum« »setdate()«, »setMonth()« in »setFullYear()« za nastavitev določenega datuma.

Koda

Kopirajte te vrstice kode v datoteko ».ts«:

naj datum : Datum = novo Datum ( ) ;

datum. setDate ( 5 ) ;

datum. setMonth ( enajst ) ;

datum. setFullYear ( 2014 ) ;

konzola. dnevnik ( 'Leto =' + datum. getFullYear ( ) ) ;

konzola. dnevnik ( 'Datum =' + datum. getDate ( ) ) ;

konzola. dnevnik ( 'Mesec =' + datum. getMonth ( ) )

konzola. dnevnik ( ' Nov datum = ' + datum ) ;

V zgornjih vrsticah kode:

  • Najprej ustvarite » Datum ” s pomočjo ključne besede “new” in konstruktorja “Date()”, shranjenega v spremenljivki “datum”.
  • Nato eno za drugo povežite spremenljivko »datum« z navedenimi metodami. ' setDate() ' nastavi datum v mesecu, ' setMonth() « nastavi mesec, » setFullYear() ” metoda določa leto.
  • Po tem prikažite nov datum s pomočjo metode “console.log()” z uporabo “ getFullYear() ”, “ getDate() «, in » getMonth() ” metode.

Izhod

glavno vozlišče. js

V izhodu je razvidno, da objekt Date vrne novo nastavljeni datum, mesec in leto.

Primer 2: Nastavite določene ure, minute in sekunde

Ta primer uporablja metode »setHours()«, »setMinutes()« in »setSeconds()« predmeta Date za nastavitev želenega časa:

naj datum : Datum = novo Datum ( ) ;

datum. setHours ( 8 ) ;

datum. setMinutes ( 12 ) ;

datum. setSeconds ( dvajset ) ;

konzola. dnevnik ( 'Ure = ' + datum. getHours ( ) ) ;

konzola. dnevnik ( 'Minute = ' + datum. getMinutes ( ) ) ;

konzola. dnevnik ( 'Sekunde =' + datum. getSeconds ( ) ) ;

konzola. dnevnik ( 'Datum in čas = ' + datum ) ;

Glede na zgornji delček kode:

  • ' setHours() ” metoda nastavi število ur, “ setMinutes() « nastavi minute in » setSeconds() ” nastavi število sekund oz.
  • ' getHours() ”, “ getMinutes() «, in » getSeconds() ” vrnejo na novo nastavljene ure, minute in sekunde kot čas.

Izhod

glavno vozlišče. js

Izhod prikazuje nov nastavljen čas z metodami objekta Date.

Primer 3: Pridobite trenutni datum in uro z uporabo področnih konvencij

Ta primer uporablja metodo »toLocaleString()« za prikaz trenutnega datuma in časa kot lokalne konvencije:

naj datum = novo Datum ( ) ;

konzola. dnevnik ( 'Datum in čas = ' + datum. toLocaleString ( ) ) ;

V zgornjih vrsticah kode povežite metodo »toLocaleString()« s spremenljivko, da vrnete niz z jezikovno občutljivo predstavitvijo trenutnega datuma.

Izhod

glavno vozlišče. js

Kot je razvidno, izhod prikazuje trenutni datum in čas z uporabo lokalne konvencije.

Primer 4: Primitivna vrednost predmeta vrnjenega datuma

Ta primer velja za ' valueOf() ” za vrnitev objekta Date kot primitivne vrednosti:

naj datum = novo Datum ( ) ;

konzola. dnevnik ( 'Datum in čas = ' + datum. valueOf ( ) ) ;

V zgornjem delčku kode je » valueOf() ” vrne izhod predmeta Datum v milisekundah od polnoči “1. januarja 1970, UTC”.

Izhod

glavno vozlišče. js

Tu izidi vrnejo objekt Date kot primitivno vrednost.

Zaključek

V TypeScriptu je » Datum ” ustreza datumu in času lokalnega sistema. Ta predmet je mogoče ustvariti za prikaz želenega rezultata s pomočjo obravnavanih štirih vgrajenih metod. Poleg tega ponuja tudi seznam metod, ki jih je mogoče uporabiti za nastavitev in pridobitev datuma in časa v skladu z zahtevami. Ta objava je podrobno prikazala namen, uporabo in praktično izvedbo predmeta Date v TypeScriptu.