Ovaj post ilustrira svrhu, upotrebu i praktičnu implementaciju objekta Date u TypeScriptu.
Što je objekt datuma u TypeScriptu?
' Datum ” objekt označava datum i vrijeme. Ovaj objekt prema zadanim postavkama ispisuje datum i vrijeme lokalnog sustava. Također omogućuje korisnicima postavljanje određenog datuma i vremena (uključujući vremensku zonu) vašeg sustava uz pomoć unaprijed definiranih metoda.
Sintaksa
neka datum = novi Datum ( gggg, mm, dd )
U gornjoj sintaksi, ključna riječ 'novo' stvara objekt 'Datum' nakon navedenog formata datuma (gggg(godina), mm(mjesec), dd(datum)).
Počnimo sa stvaranjem objekta 'Datum'.
Kako stvoriti objekt datuma u TypeScriptu?
' Datum ” je dinamički objekt koji se može implementirati na različite načine kako bi se dobili datum i vrijeme prema zahtjevu. Ovaj odjeljak sadrži sve moguće metode za stvaranje objekta 'Datum' za dobivanje navedenog datuma i vremena.
Krenimo naprijed s prvom metodom.
Metoda 1: novi datum()
Prema zadanim postavkama, ako nije proslijeđena nikakva vrijednost u konstruktoru 'Date()', on vraća datum i vrijeme korisničkog sustava:
neka datum = novi Datum ( ) ;konzola. log ( 'Datum = ' + datum ) ;
U gornjem kodu:
- ' datum ” varijabla stvara “ Datum ” koristeći ključnu riječ “new” i konstruktor “Date()”.
- ' konzola.log() ” prikazuje vrijednost varijable “datum”, tj. trenutni datum i vrijeme s navedenom izjavom.
Izlaz
Sastavite ' .ts ” pomoću kompajlera „tsc” i pokrenite generiranu kompiliranu datoteku koja ima „ .js ” proširenje uz pomoć naredbe “node”:
tsc glavni. tsglavni čvor. js
Ovdje terminal prikazuje datum i vrijeme korisničkog sustava kao i vremensku zonu.
Metoda 2: novi datum (milisekunde)
'Novi datum (milisekunde)' stvara objekt datuma koji izračunava datum i vrijeme od '0' do broja navedenih milisekundi:
neka datum = novi Datum ( 6112346789 ) ;konzola. log ( 'Datum = ' + datum ) ;
Ovdje konstruktor navodi broj milisekundi kao parametar.
Izlaz
glavni čvor. js
Gore prikazani datum i vrijeme su od “0” do “6112346789” milisekundi.
Metoda 3: novi datum ('niz datuma')
Ova metoda uzima navedeni datum u formatu 'gg-mm-dd' kao niz i prikazuje ga kao novi datum:
neka datum = novi Datum ( '2016-02-18' ) ;konzola. log ( 'Datum = ' + datum ) ;
Ovdje objekt 'Datum' uzima navedeni datum kao niz u dvostrukim navodnicima.
Izlaz
glavni čvor. js
Terminal prikazuje novostvoreni objekt Date.
Metoda 4: novi datum (godina, mjesec, datum, sat, minuta, sekunda, milisekunda):
Posljednja metoda omogućuje korisnicima stvaranje novog objekta Datum prema navedenom datumu i vremenu na temelju formata '(gg, mm, dd, hh, min, sec, milisekunde)':
neka datum = novi Datum ( 2015 , 3 , 2 , 14 , dvadeset , 30 , 9 ) ;konzola. log ( 'Datum = ' + datum ) ;
U gornjem kodu, datum i vrijeme navedeni su u skladu s navedenim formatom.
Izlaz
glavni čvor. js
Izlaz stvara novi objekt koji prikazuje navedeni datum i vrijeme na temelju zadanog formata.
Koje su metode i svojstva objekta datuma u TypeScriptu?
' Datum ” objekt dolazi sa širokim rasponom metoda i svojstava koja su navedena u nastavku:
Svojstva objekta datuma
prototip | Pomaže u dodavanju svojstava i metoda objektu Datum. |
konstruktor | Koristi se kao funkcija koja stvara prototip objekta. |
Metode Get i Set objekta datuma
getMonth() | Vraća mjesec naveden u datumu na temelju lokalnog datuma. |
getFullYear() | Prikazuje danu godinu prema lokalnom vremenu. |
getMinutes() | Određuje minute od određenog datuma. |
getMilliseconds() | Pruža milisekunde od zadanog datuma. |
getSeconds() | Daje broj sekundi prema navedenom datumu. |
setDate() | Postavlja dan/datum u mjesecu za određeni datum na temelju lokalnog vremena. |
setHours() | Određuje željene sate za datum. |
setMinutes() | Postavlja minute za navedeni datum. |
setSeconds() | Postavlja broj sekundi na temelju lokalnog vremena. |
setYear() | Postavlja potrebnu godinu na temelju lokalnog vremena. |
Za više metoda slijedite dani vodič ' Referenca metoda datuma ”.
Kako koristiti datumski objekt u TypeScriptu?
Kao što gornji odjeljak definira popis metoda objekta 'Datum'. Upotrijebimo objekt Date s ovim metodama da objasnimo njegovu praktičnu implementaciju.
Primjer 1: Postavite određeni datum, mjesec i godinu
Ovaj primjer koristi metode objekta “Datum” “setdate()”, “setMonth()” i “setFullYear()” za postavljanje navedenog datuma.
Kodirati
Kopirajte ove retke koda u datoteku '.ts':
neka datum : Datum = novi Datum ( ) ;datum. setDate ( 5 ) ;
datum. setMjesec ( jedanaest ) ;
datum. setFullYear ( 2014 ) ;
konzola. log ( 'Godina = ' + datum. getFullYear ( ) ) ;
konzola. log ( 'Datum = ' + datum. getDate ( ) ) ;
konzola. log ( 'Mjesec = ' + datum. getMonth ( ) )
konzola. log ( ' Novi datum = ' + datum ) ;
U gornjim redcima koda:
- Prvo stvorite ' Datum ” uz pomoć ključne riječi “new” i konstruktora “Date()” pohranjenog u varijabli “datum”.
- Zatim povežite varijablu 'datum' s navedenim metodama jednu po jednu. ' setDate() ” postavlja datum u mjesecu, “ postaviMjesec() ” postavlja mjesec, a “ setFullYear() ” metoda postavlja godinu.
- Nakon toga, prikažite novi datum uz pomoć metode “console.log()” koristeći “ getFullYear() ”, “ getDate() ', i ' getMonth() ” metode.
Izlaz
glavni čvor. js
U izlazu se vidi da objekt Date vraća novo postavljeni datum, mjesec i godinu.
Primjer 2: Postavite određene sate, minute i sekunde
Ovaj primjer koristi metode “setHours()”, “setMinutes()” i “setSeconds()” objekta Date za postavljanje željenog vremena:
neka datum : Datum = novi Datum ( ) ;datum. setHours ( 8 ) ;
datum. setMinutes ( 12 ) ;
datum. setSeconds ( dvadeset ) ;
konzola. log ( 'Sati = ' + datum. getHours ( ) ) ;
konzola. log ( 'Minute = ' + datum. getMinutes ( ) ) ;
konzola. log ( 'Sekunde = ' + datum. getSeconds ( ) ) ;
konzola. log ( 'Datum i vrijeme = ' + datum ) ;
Prema gornjem isječku koda:
- ' setHours() ” metoda postavlja broj sati, “ setMinutes() ” postavlja minute i “ setSeconds() ” postavlja broj sekundi.
- ' getHours() ”, “ getMinutes() ', i ' getSeconds() ” metode vraćaju novo postavljene sate, minute i sekunde kao vrijeme.
Izlaz
glavni čvor. js
Izlaz prikazuje novo postavljeno vrijeme korištenjem metoda objekta Date.
Primjer 3: Dohvaćanje trenutnog datuma i vremena pomoću lokalnih konvencija
Ovaj primjer koristi metodu “toLocaleString()” za prikaz trenutnog datuma i vremena kao lokalne konvencije:
neka datum = novi Datum ( ) ;konzola. log ( 'Datum i vrijeme = ' + datum. toLocaleString ( ) ) ;
U gornjim redcima koda povežite metodu 'toLocaleString()' s varijablom da biste vratili niz s jezikom osjetljivim prikazom trenutnog datuma.
Izlaz
glavni čvor. js
Kao što se vidi, izlaz prikazuje trenutni datum i vrijeme prema lokalnoj konvenciji.
Primjer 4: Primitivna vrijednost objekta povratnog datuma
Ovaj primjer primjenjuje ' vrijednost() ” za vraćanje objekta Date kao primitivne vrijednosti:
neka datum = novi Datum ( ) ;konzola. log ( 'Datum i vrijeme = ' + datum. vrijednost ( ) ) ;
U gornjem isječku koda, ' vrijednost() ” metoda vraća izlaz objekta Date u milisekundama od ponoći “1. siječnja 1970., UTC”.
Izlaz
glavni čvor. js
Ovdje ishodi vraćaju objekt Date kao primitivnu vrijednost.
Zaključak
U TypeScriptu, ' Datum ” odgovara datumu i vremenu lokalnog sustava. Ovaj se objekt može stvoriti za prikaz željenog izlaza uz pomoć spomenute četiri ugrađene metode. Osim toga, također nudi popis metoda koje se mogu primijeniti za postavljanje i dobivanje datuma i vremena prema zahtjevima. Ovaj post je detaljno ilustrirao svrhu, upotrebu i praktičnu implementaciju objekta Date u TypeScriptu.