Visaptveroša rokasgrāmata par datuma objektu TypeScript

Visaptverosa Rokasgramata Par Datuma Objektu Typescript



TypeScript ir JavaScript superkopa, kas ir aprīkota ar visām JavaScript funkcijām, kā arī jaunajām funkcijām. Tam ir gandrīz visas iebūvētās JavaScript metodes un īpašības, lai veiktu dažādas funkcijas. Visu šo metožu, rekvizītu un objektu darbība programmā TypeScript ir vienāda. Tātad lietotājs var izmantot jebkuru no JavaScript objektiem kā TypeScript objektu atbilstoši prasībām.

Šī ziņa ilustrē Date objekta mērķi, izmantošanu un praktisko ieviešanu TypeScript.

Kas ir datuma objekts TypeScript?

' Datums ” objekts apzīmē datumu un laiku. Šis objekts pēc noklusējuma drukā vietējās sistēmas datumu un laiku. Tas arī ļauj lietotājiem iestatīt noteiktu datumu un laiku (ieskaitot laika joslu) jūsu sistēmai, izmantojot iepriekš definētas metodes.







Sintakse



ļauj randiņu = jauns Datums ( gggg, mm, dd )

Iepriekš minētajā sintaksē atslēgvārds “jauns” izveido objektu “Datums”, ievērojot norādīto datuma formātu (gggg(gads), mm(mēnesis), dd(datums)).



Sāksim ar objekta “Datums” izveidi.





Kā izveidot datuma objektu programmā TypeScript?

' Datums ” ir dinamisks objekts, ko var ieviest dažādos veidos, lai iegūtu datumu un laiku atbilstoši prasībām. Šajā sadaļā ir visas iespējamās metodes, lai izveidotu objektu “Datums”, lai iegūtu norādīto datumu un laiku.

Turpināsim ar pirmo metodi.



1. metode: jauns datums()

Pēc noklusējuma, ja konstruktorā “Date()” netiek nodota neviena vērtība, tas atgriež lietotāja sistēmas datumu un laiku:

ļauj randiņu = jauns Datums ( ) ;

konsole. žurnāls ( 'Datums =' + datums ) ;

Iepriekš minētajā kodā:

  • ' datums ' mainīgais izveido ' Datums ” objektu, izmantojot atslēgvārdu “new” un konstruktoru “Datums()”.
  • ' console.log() ” metode parāda “datuma” mainīgā vērtību, t.i., pašreizējo datumu un laiku ar norādīto paziņojumu.

Izvade

Apkopojiet ' .ts ” failu, izmantojot “tsc” kompilatoru, un palaidiet ģenerēto kompilēto failu ar “ .js ” paplašinājums ar komandas “node” palīdzību:

tsc galvenais. ts

mezgla galvenais. js

Šeit terminālis parāda lietotāja sistēmas datumu un laiku, kā arī laika joslu.

2. metode: jauns datums (milisekundēs)

“Jaunais datums (milisekundes)” izveido datuma objektu, kas aprēķina datumu un laiku no “0” līdz norādīto milisekundes skaitam:

ļauj randiņu = jauns Datums ( 6112346789 ) ;

konsole. žurnāls ( 'Datums =' + datums ) ;

Šeit konstruktors kā parametru norāda milisekundes skaitu.

Izvade

mezgla galvenais. js

Iepriekš parādītais datums un laiks ir no “0” līdz “6112346789” milisekundēm.

3. metode: jauns datums (“dattingring”)

Šī metode ņem norādīto datumu formātā “gg-mm-dd” kā virkni un parāda to kā jauno datumu:

ļauj randiņu = jauns Datums ( '2016-02-18' ) ;

konsole. žurnāls ( 'Datums =' + datums ) ;

Šeit objekts “Datums” ņem norādīto datumu kā virkni, kas ievietota dubultpēdiņās.

Izvade

mezgla galvenais. js

Terminālis parāda jaunizveidoto Datuma objektu.

4. metode: jauns datums (gads, mēnesis, datums, stunda, minūte, sekunde, milisekunde):

Pēdējā metode ļauj lietotājiem izveidot jaunu Datuma objektu atbilstoši norādītajam datumam un laikam, pamatojoties uz formātu “(gg, mm, dd, hh, min, sec, milisekundes)”:

ļauj randiņu = jauns Datums ( 2015. gads , 3 , 2 , 14 , divdesmit , 30 , 9 ) ;

konsole. žurnāls ( 'Datums =' + datums ) ;

Iepriekš minētajā kodā datums un laiks ir norādīti atbilstoši norādītajam formātam.

Izvade

mezgla galvenais. js

Izvade izveido jaunu objektu, kas parāda norādīto datumu un laiku, pamatojoties uz norādīto formātu.

Kādas ir datuma objekta metodes un īpašības programmā TypeScript?

' Datums ” objektam ir plašs metožu un īpašību klāsts, kas ir uzskaitītas tālāk:

Datuma objekta īpašības

prototips Tas palīdz datuma objektam pievienot rekvizītus un metodes.
konstruktors To izmanto kā funkciju, kas izveido objekta prototipu.

Iegūstiet un iestatiet datuma objekta metodes

get Month () Tas atgriež datumā norādīto mēnesi, pamatojoties uz vietējo datumu.
getFullYear() Tas parāda norādīto gadu atbilstoši vietējam laikam.
getMinutes () Tas norāda minūtes no konkrētā datuma.
get Milliseconds() Tas nodrošina milisekundes no norādītā datuma.
getSeconds() Tas norāda sekunžu skaitu atbilstoši norādītajam datumam.
setDate() Tas nosaka mēneša dienu/datumu konkrētajam datumam, pamatojoties uz vietējo laiku.
setHours() Tas norāda datumam vēlamās stundas.
setMinutes() Tas iestata minūtes norādītajam datumam.
setSeconds() Tas nosaka sekunžu skaitu, pamatojoties uz vietējo laiku.
setYear() Tas nosaka nepieciešamo gadu, pamatojoties uz vietējo laiku.

Lai iegūtu vairāk metožu, izpildiet sniegto apmācību ' Datums Metodes Atsauce ”.

Kā lietot datuma objektu programmā TypeScript?

Iepriekšējā sadaļā ir definēts “Datuma” objektu metožu saraksts. Izmantosim Datuma objektu ar šīm metodēm, lai izskaidrotu tā praktisko ieviešanu.

1. piemērs: iestatiet konkrētu datumu, mēnesi un gadu

Šajā piemērā tiek izmantotas “Date” objekta “setdate()”, “setMonth()” un “setFullYear()” metodes, lai iestatītu norādīto datumu.

Kods

Kopējiet šīs koda rindiņas failā “.ts”:

ļauj randiņu : Datums = jauns Datums ( ) ;

datums. setDate ( 5 ) ;

datums. iestatīts mēnesis ( vienpadsmit ) ;

datums. komplektsFullYear ( 2014. gads ) ;

konsole. žurnāls ( 'Gads =' + datums. getFullYear ( ) ) ;

konsole. žurnāls ( 'Datums =' + datums. getDate ( ) ) ;

konsole. žurnāls ( 'Mēnesis =' + datums. getMonth ( ) )

konsole. žurnāls ( 'Jauns datums =' + datums ) ;

Iepriekš minētajās koda rindās:

  • Vispirms izveidojiet ' Datums ” objektu, izmantojot mainīgajā “date” saglabāto atslēgvārdu “new” un konstruktoru “Date()”.
  • Pēc tam pa vienam saistiet mainīgo “datums” ar norādītajām metodēm. ' setDate() ” metode iestata mēneša datumu, setMonth() ' iestata mēnesi un ' setFullYear() ” metode nosaka gadu.
  • Pēc tam parādiet jauno datumu, izmantojot metodi “console.log()”, izmantojot “ getFullYear() ”, “ getDate() ', un ' getMonth () ' metodes.

Izvade

mezgla galvenais. js

Izvadē ir redzams, ka Datuma objekts atgriež no jauna iestatīto datumu, mēnesi un gadu.

2. piemērs: iestatiet noteiktas stundas, minūtes un sekundes

Šajā piemērā tiek izmantotas Date objekta metodes “setHours()”, “setMinutes()” un “setSeconds()”, lai iestatītu vēlamo laiku:

ļauj randiņu : Datums = jauns Datums ( ) ;

datums. setHours ( 8 ) ;

datums. setMinutes ( 12 ) ;

datums. setSeconds ( divdesmit ) ;

konsole. žurnāls ( 'Stundas =' + datums. getHours ( ) ) ;

konsole. žurnāls ( 'Minūtes =' + datums. getMinutes ( ) ) ;

konsole. žurnāls ( 'Sekundes =' + datums. getSeconds ( ) ) ;

konsole. žurnāls ( 'Datums un laiks =' + datums ) ;

Saskaņā ar iepriekš minēto koda fragmentu:

  • ' setHours() ' metode nosaka stundu skaitu, ' setMinutes() ” iestata minūtes un „ setSeconds() ” metode iestata attiecīgi sekunžu skaitu.
  • ' getHours() ”, “ getMinutes () ', un ' getSeconds() ” metodes atgriež no jauna iestatītās stundas, minūtes un sekundes kā laiku.

Izvade

mezgla galvenais. js

Izvadē tiek parādīts jaunais laiks, kas iestatīts, izmantojot Datuma objekta metodes.

3. piemērs: iegūstiet pašreizējo datumu un laiku, izmantojot lokalizācijas konvencijas

Šajā piemērā tiek izmantota metode “toLocaleString()”, lai parādītu pašreizējo datumu un laiku kā vietējo vienošanos:

ļauj randiņu = jauns Datums ( ) ;

konsole. žurnāls ( 'Datums un laiks =' + datums. toLocaleString ( ) ) ;

Iepriekš minētajās koda rindās saistiet metodi “toLocaleString()” ar mainīgo, lai atgrieztu virkni ar valodu jutīgu pašreizējā datuma attēlojumu.

Izvade

mezgla galvenais. js

Kā redzams, izvade parāda pašreizējo datumu un laiku, izmantojot vietējo vienošanos.

4. piemērs: Atgriešanas datuma objekta primitīvā vērtība

Šis piemērs attiecas uz ' valueOf() ” metode, lai atgrieztu Datuma objektu kā primitīvu vērtību:

ļauj randiņu = jauns Datums ( ) ;

konsole. žurnāls ( 'Datums un laiks =' + datums. valueOf ( ) ) ;

Iepriekš minētajā koda fragmentā ' valueOf() ” metode atgriež Datuma objekta izvadi milisekundēs kopš pusnakts “1970. gada 1. janvāris, UTC”.

Izvade

mezgla galvenais. js

Šeit rezultāti atgriež Datuma objektu kā primitīvu vērtību.

Secinājums

Programmā TypeScript “ Datums ” objekts atbilst lokālās sistēmas datumam un laikam. Šo objektu var izveidot, lai parādītu vēlamo izvadi, izmantojot aplūkotās četras iebūvētās metodes. Papildus tam tajā ir arī saraksts ar metodēm, kuras var izmantot, lai iestatītu un iegūtu datumu un laiku atbilstoši prasībām. Šī ziņa dziļi ilustrēja Date objekta mērķi, izmantošanu un praktisko ieviešanu TypeScript.