Átfogó útmutató a dátumobjektumhoz TypeScriptben

Atfogo Utmutato A Datumobjektumhoz Typescriptben



A TypeScript a JavaScript szuperkészlete, amely tartalmazza a JavaScript összes funkcióját, valamint az újakat. A JavaScript szinte minden beépített módszerével és tulajdonságával rendelkezik a különféle funkciók végrehajtásához. Ezen metódusok, tulajdonságok és objektumok működése megegyezik a TypeScriptben. Így a felhasználó bármelyik JavaScript-objektumot használhatja TypeScript-objektumként a követelményeknek megfelelően.

Ez a bejegyzés bemutatja a Date objektum célját, használatát és gyakorlati megvalósítását a TypeScriptben.

Mi az a dátumobjektum a TypeScriptben?

A ' Dátum ” objektum a dátumot és az időt jelöli. Ez az objektum alapértelmezés szerint kinyomtatja a helyi rendszer dátumát és idejét. Lehetővé teszi a felhasználók számára, hogy előre meghatározott metódusai segítségével beállítsanak egy adott dátumot és időt (beleértve az időzónát is).







Szintaxis



hadd randevúzzon = új Dátum ( éééé, hh, nn )

A fenti szintaxisban az „új” kulcsszó létrehoz egy „Dátum” objektumot a megadott dátumformátumot követve (éééé(év), mm(hónap), nn(dátum)).



Kezdjük a „Dátum” objektum létrehozásával.





Hogyan lehet dátumobjektumot létrehozni a TypeScriptben?

A ' Dátum ” egy dinamikus objektum, amelyet különféle módon lehet megvalósítani a dátum és az idő igény szerinti lekéréséhez. Ez a szakasz tartalmazza az összes lehetséges módszert egy „Date” objektum létrehozására a megadott dátum és idő lekéréséhez.

Folytassuk az első módszerrel.



1. módszer: új dátum()

Alapértelmezés szerint, ha nem adunk át értéket a „Date()” konstruktorban, akkor a felhasználó rendszerdátumát és idejét adja vissza:

hadd randevúzzon = új Dátum ( ) ;

konzol. log ( 'Dátum =' + dátum ) ;

A fenti kódban:

  • A ' dátum ' változó létrehoz egy ' Dátum ” objektumot a „new” kulcsszó és a „Date()” konstruktor használatával.
  • A ' console.log() ” metódus megjeleníti a „date” változó értékét, azaz az aktuális dátumot és időt a megadott utasítással.

Kimenet

Állítsa össze a „ .ts ' fájlt a 'tsc' fordítóval, és futtassa a generált lefordított fájlt, amelynek ' .js ” kiterjesztés a „node” parancs segítségével:

tsc fő. ts

csomópont fő. js

Itt a terminál mutatja a felhasználói rendszer dátumát és idejét, valamint az időzónát.

2. módszer: új dátum (ezredmásodperc)

Az „új dátum(ezredmásodperc)” létrehoz egy Date objektumot, amely kiszámítja a dátumot és az időt „0”-tól a megadott ezredmásodpercek számáig:

hadd randevúzzon = új Dátum ( 6112346789 ) ;

konzol. log ( 'Dátum =' + dátum ) ;

Itt a konstruktor paraméterként adja meg az ezredmásodpercek számát.

Kimenet

csomópont fő. js

A fent megjelenített dátum és idő „0” és „6112346789” ezredmásodperc között van.

3. módszer: új dátum („randevúzás”)

Ez a metódus a megadott dátumot „éé-hh-nn” formátumban veszi fel karakterláncként, és új dátumként jeleníti meg:

hadd randevúzzon = új Dátum ( '2016-02-18' ) ;

konzol. log ( 'Dátum =' + dátum ) ;

Itt a „Date” objektum a megadott dátumot idézőjelbe zárt karakterláncként veszi fel.

Kimenet

csomópont fő. js

A terminál megjeleníti az újonnan létrehozott Date objektumot.

4. módszer: új dátum (év, hónap, dátum, óra, perc, másodperc, ezredmásodperc):

Az utolsó módszer lehetővé teszi a felhasználók számára, hogy új dátum objektumot hozzanak létre a megadott dátumnak és időpontnak megfelelően az „(éé, mm, nn, óó, perc, másodperc, ezredmásodperc)” formátum alapján:

hadd randevúzzon = új Dátum ( 2015 , 3 , 2 , 14 , húsz , 30 , 9 ) ;

konzol. log ( 'Dátum =' + dátum ) ;

A fenti kódban a dátum és az idő a megadott formátumnak megfelelően van megadva.

Kimenet

csomópont fő. js

A kimenet egy új objektumot hoz létre, amely megjeleníti a megadott dátumot és időt az adott formátum alapján.

Mik a dátumobjektum módszerei és tulajdonságai a TypeScriptben?

A ' Dátum ” objektum az alábbiakban felsorolt ​​módszerek és tulajdonságok széles skálájával rendelkezik:

A dátum objektum tulajdonságai

prototípus Segít tulajdonságokkal és metódusokkal a Date objektumhoz adni.
konstruktőr Az objektum prototípusát létrehozó függvényként használják.

A dátumobjektum metódusainak beszerzése és beállítása

get Month() A dátumban megadott hónapot adja vissza a helyi dátum alapján.
getFullYear() Az adott évet a helyi idő szerint jeleníti meg.
getMinutes() Meghatározza az adott dátumtól számított perceket.
get Milliseconds() Az adott dátumtól számított ezredmásodperceket adja meg.
getSeconds() Megadja a másodpercek számát a megadott dátum szerint.
dátum beállítása() Beállítja a hónap napját/dátumát az adott dátumhoz a helyi idő alapján.
setHours() Meghatározza a dátum kívánt órát.
setMinutes() Beállítja a perceket a megadott dátumra.
setSeconds() A másodpercek számát a helyi idő alapján állítja be.
setYear() A szükséges évet a helyi idő alapján állítja be.

További módszerekért kövesse az adott oktatóanyagot ' Dátum Módszerek hivatkozás ”.

Hogyan használjuk a dátumobjektumot a TypeScriptben?

Ahogy a fenti szakasz a „Dátum” objektummetódusok listáját határozza meg. Használjuk a Date objektumot ezekkel a módszerekkel a gyakorlati megvalósításának magyarázatára.

1. példa: Adott dátum, hónap és év beállítása

Ez a példa a „Date” objektum „setdate()”, „setMonth()” és „setFullYear()” metódusait használja a megadott dátum beállításához.

Kód

Másolja a következő kódsorokat a „.ts” fájlba:

hadd randevúzzon : Dátum = új Dátum ( ) ;

dátum. dátum beállítása ( 5 ) ;

dátum. set Month ( tizenegy ) ;

dátum. setFullYear ( 2014 ) ;

konzol. log ( 'Év =' + dátum. getFullYear ( ) ) ;

konzol. log ( 'Dátum =' + dátum. getDate ( ) ) ;

konzol. log ( 'Hónap =' + dátum. get Month ( ) )

konzol. log ( 'Új dátum =' + dátum ) ;

A fenti kódsorokban:

  • Először hozzon létre egy ' Dátum ” objektumot a „new” kulcsszó és a „date” változóban tárolt „Date()” konstruktor segítségével.
  • Ezután egyenként társítsa a „dátum” változót a megadott metódusokhoz. A ' dátum beállítása() ” metódus beállítja a hónap dátumát, a „ set Month() ' beállítja a hónapot, és a ' setFullYear() ” módszer határozza meg az évet.
  • Ezt követően jelenítse meg az új dátumot a „console.log()” metódus segítségével a „ getFullYear() ”, „ getDate() ”, és „ get Month() ” módszerekkel.

Kimenet

csomópont fő. js

A kimeneten látható, hogy a Date objektum az újonnan beállított dátumot, hónapot és évet adja vissza.

2. példa: Adott órák, percek és másodpercek beállítása

Ez a példa a Date objektum „setHours()”, „setMinutes()” és „setSeconds()” metódusait használja a kívánt idő beállításához:

hadd randevúzzon : Dátum = új Dátum ( ) ;

dátum. setHours ( 8 ) ;

dátum. setMinutes ( 12 ) ;

dátum. setSeconds ( húsz ) ;

konzol. log ( 'Óra =' + dátum. getHours ( ) ) ;

konzol. log ( 'Percek =' + dátum. getMinutes ( ) ) ;

konzol. log ( 'Seconds =' + dátum. getSeconds ( ) ) ;

konzol. log ( 'Dátum és idő =' + dátum ) ;

A fenti kódrészlet szerint:

  • A ' setHours() ' metódus beállítja az órák számát, ' setMinutes() ' beállítja a perceket és a ' setSeconds() ” metódus a másodpercek számát, ill.
  • A ' getHours() ”, „ getMinutes() ”, és „ getSeconds() ” metódusok az újonnan beállított órákat, perceket és másodperceket adják vissza időként.

Kimenet

csomópont fő. js

A kimenet a Date objektum metódusokkal beállított új időt mutatja.

3. példa: Az aktuális dátum és idő lekérése területi egyezmények használatával

Ez a példa a „toLocaleString()” metódust használja az aktuális dátum és idő helyi megállapodás szerinti megjelenítéséhez:

hadd randevúzzon = új Dátum ( ) ;

konzol. log ( 'Dátum és idő =' + dátum. toLocaleString ( ) ) ;

A fenti kódsorokban kapcsolja össze a „toLocaleString()” metódust a változóval, hogy olyan karakterláncot adjon vissza, amely az aktuális dátum nyelvérzékeny reprezentációját tartalmazza.

Kimenet

csomópont fő. js

Amint látható, a kimenet az aktuális dátumot és időt mutatja a helyi megállapodás szerint.

4. példa: Visszatérési dátum objektum primitív értéke

Ez a példa a ' értéke() ” módszer a Date objektum primitív értékként való visszaadásához:

hadd randevúzzon = új Dátum ( ) ;

konzol. log ( 'Dátum és idő =' + dátum. értéke ( ) ) ;

A fenti kódrészletben a „ értéke() ” metódus a Date objektum kimenetét adja vissza ezredmásodpercben „1970. január 1., UTC” éjfél óta.

Kimenet

csomópont fő. js

Itt az eredmények primitív értékként adják vissza a Date objektumot.

Következtetés

A TypeScriptben a „ Dátum ” objektum a helyi rendszer dátumának és időpontjának felel meg. Ez az objektum a tárgyalt négy beépített metódus segítségével létrehozható a kívánt kimenet megjelenítésére. Ezen kívül egy listát is tartalmaz azon módszerekről, amelyek alkalmazhatók a Dátum és idő igény szerinti beállítására és lekérésére. Ez a bejegyzés mélyen illusztrálta a Date objektum célját, használatát és gyakorlati megvalósítását a TypeScriptben.