Komplexný sprievodca objektom dátumu v TypeScript

Tento príspevok ilustruje účel, použitie a praktickú implementáciu objektu Date v TypeScript.

Čo je objekt dátumu v TypeScript?

' Dátum ” objekt označuje dátum a čas. Tento objekt štandardne vytlačí dátum a čas lokálneho systému. Umožňuje tiež používateľom nastaviť konkrétny dátum a čas (vrátane časového pásma) vášho systému pomocou preddefinovaných metód.

Syntax

Vo vyššie uvedenej syntaxi kľúčové slovo „new“ vytvorí objekt „Date“ v zadanom formáte dátumu (rrrr(rok), mm(mesiac), dd(dátum)).

Začnime s vytvorením objektu „Dátum“.

Ako vytvoriť objekt dátumu v TypeScript?

' Dátum “ je dynamický objekt, ktorý je možné implementovať rôznymi spôsobmi, aby ste získali dátum a čas podľa požiadaviek. Táto časť obsahuje všetky možné metódy na vytvorenie objektu „Dátum“ na získanie zadaného dátumu a času.

Poďme k prvej metóde.

Metóda 1: nový dátum()

V predvolenom nastavení, ak sa do konštruktora „Date()“ neodovzdá žiadna hodnota, vráti systémový dátum a čas používateľa:

Vo vyššie uvedenom kóde:

• ' dátum 'premenná vytvára ' Dátum ” pomocou kľúčového slova „new“ a konštruktora „Date()“.
• ' console.log() ” zobrazí hodnotu premennej „dátum“, t. j. aktuálny dátum a čas so zadaným príkazom.

Výkon

Zostavte „ .ts pomocou kompilátora „tsc“ a spustite vygenerovaný kompilovaný súbor s príponou „ .js ” rozšírenie pomocou príkazu „node“:

Terminál tu zobrazuje dátum a čas používateľského systému, ako aj časové pásmo.

Metóda 2: nový dátum (milisekundy)

„Nový dátum (milisekundy)“ vytvorí objekt Date, ktorý vypočíta dátum a čas od „0“ do počtu zadaných milisekúnd:

Tu konštruktor špecifikuje počet milisekúnd ako parameter.

Výkon

Vyššie zobrazený dátum a čas sú od „0“ do „6112346789“ milisekúnd.

Metóda 3: nový dátum („datestring“)

Táto metóda berie zadaný dátum vo formáte „rr-mm-dd“ ako reťazec a zobrazuje ho ako nový dátum:

Tu objekt „Dátum“ berie zadaný dátum ako reťazec uzavretý v úvodzovkách.

Výkon

Terminál zobrazí novovytvorený objekt Date.

Metóda 4: nový dátum (rok, mesiac, dátum, hodina, minúta, sekunda, milisekunda):

Posledná metóda umožňuje používateľom vytvoriť nový objekt Date podľa zadaného dátumu a času na základe formátu „(yy, mm, dd, hh, min, sec, milisekundy)“:

Vo vyššie uvedenom kóde je dátum a čas špecifikovaný v súlade s uvedeným formátom.

Výkon

Výstup vytvorí nový objekt zobrazujúci zadaný dátum a čas na základe daného formátu.

Aké sú metódy a vlastnosti objektu Date v TypeScript?

' Dátum ” objekt prichádza so širokou škálou metód a vlastností, ktoré sú uvedené nižšie:

Vlastnosti objektu Date

Získať a nastaviť metódy objektu dátumu

Pre viac metód postupujte podľa daného návodu “ Dátum Referencie metód “.

Ako používať objekt dátumu v TypeScript?

Ako vyššie uvedená časť definuje zoznam metód objektu „Dátum“. Použime objekt Date s týmito metódami na vysvetlenie jeho praktickej implementácie.

Príklad 1: Nastavte konkrétny dátum, mesiac a rok

Tento príklad používa metódy objektu „Date“ „setdate()“, „setMonth()“ a „setFullYear()“ na nastavenie zadaného dátumu.

kód

Skopírujte tieto riadky kódu do súboru „.ts“:

Vo vyššie uvedených riadkoch kódu:

• Najprv vytvorte „ Dátum ” pomocou kľúčového slova “new” a konštruktora “Date()” uloženého v premennej “date”.
• Potom jednu po druhej priraďte premennú „dátum“ k špecifikovaným metódam. ' setDate() ” metóda nastavuje Dátum v mesiaci, “ setMonth() “nastavuje mesiac a „ setFullYear() ” metóda nastavuje rok.
• Potom zobrazte nový dátum pomocou metódy „console.log()“ pomocou „ getFullYear() “, “ getDate() “ a „ getMonth() “ metódy.

Výkon

Vo výstupe je vidieť, že objekt Date vracia novo nastavený dátum, mesiac a rok.

Príklad 2: Nastavte konkrétne hodiny, minúty a sekundy

Tento príklad využíva metódy „setHours()“, „setMinutes()“ a „setSeconds()“ objektu Date na nastavenie požadovaného času:

Podľa vyššie uvedeného útržku kódu:

• ' setHours() ” metóda nastavuje počet hodín, “ setMinutes() “nastavuje minúty a “ setSeconds() ” metóda nastavuje počet sekúnd, resp.
• ' getHours() “, “ getMinutes() “ a „ getSeconds() Metódy ” vrátia novo nastavené hodiny, minúty a sekundy ako čas.

Výkon

Výstup zobrazuje nový čas nastavený pomocou metód objektu Date.

Príklad 3: Získajte aktuálny dátum a čas pomocou miestnych konvencií

Tento príklad používa metódu „toLocaleString()“ na zobrazenie aktuálneho dátumu a času ako lokálnej konvencie:

Vo vyššie uvedených riadkoch kódu prepojte metódu „toLocaleString()“ s premennou, aby ste vrátili reťazec s jazykovo citlivou reprezentáciou aktuálneho dátumu.

Výkon

Ako je vidieť, výstup zobrazuje aktuálny dátum a čas pomocou miestnej konvencie.

Príklad 4: Primitívna hodnota objektu dátumu návratu

Tento príklad platí „ hodnota() ” metóda na vrátenie objektu Date ako primitívnej hodnoty:

Vo vyššie uvedenom útržku kódu je „ hodnota() ” vráti výstup objektu Date v milisekundách od polnoci „1. januára 1970, UTC“.

Výkon

Tu výsledky vrátia objekt Date ako primitívnu hodnotu.

Záver

V TypeScript je „ Dátum ” objekt zodpovedá dátumu a času lokálneho systému. Tento objekt je možné vytvoriť na zobrazenie požadovaného výstupu pomocou diskutovaných štyroch vstavaných metód. Okrem toho poskytuje aj zoznam metód, ktoré možno použiť na nastavenie a získanie dátumu a času podľa požiadaviek. Tento príspevok hlboko ilustroval účel, použitie a praktickú implementáciu objektu Date v TypeScript.