Sveobuhvatni vodič o objektu datuma u TypeScriptu

Sveobuhvatni Vodic O Objektu Datuma U Typescriptu



TypeScript je nadskup JavaScripta koji dolazi sa svim funkcijama JavaScripta kao i s novima. Ima gotovo sve ugrađene metode i svojstva JavaScripta za izvođenje raznih funkcija. Rad svih ovih metoda, svojstava i objekata isti je u TypeScriptu. Dakle, korisnik može koristiti bilo koji od JavaScript objekata kao TypeScript objekt prema zahtjevima.

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. ts

glavni č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.