Tämä viesti havainnollistaa Date-objektin tarkoitusta, käyttöä ja käytännön toteutusta TypeScriptissä.
Mikä on päivämääräobjekti TypeScriptissä?
' Päivämäärä ”-objekti tarkoittaa päivämäärää ja kellonaikaa. Tämä objekti tulostaa oletuksena paikallisen järjestelmän päivämäärän ja kellonajan. Sen avulla käyttäjät voivat myös asettaa tietyn päivämäärän ja kellonajan (mukaan lukien aikavyöhyke) järjestelmällesi ennalta määritettyjen menetelmien avulla.
Syntaksi
anna treffit = Uusi Päivämäärä ( vvvv, kk, pp )
Yllä olevassa syntaksissa 'uusi'-avainsana luo 'Päivämäärä'-objektin, joka noudattaa määritettyä päivämäärämuotoa (vvvv(vuosi), kk(kuukausi), dd(päivämäärä)).
Aloitetaan 'Päivämäärä'-objektin luomisesta.
Kuinka luoda päivämääräobjekti TypeScriptissä?
' Päivämäärä ” on dynaaminen objekti, joka voidaan toteuttaa eri tavoin saadakseen päivämäärän ja kellonajan tarpeen mukaan. Tämä osio sisältää kaikki mahdolliset menetelmät 'Päivämäärä'-objektin luomiseksi määritetyn päivämäärän ja ajan saamiseksi.
Jatketaan ensimmäisellä menetelmällä.
Tapa 1: uusi päivämäärä()
Oletusarvoisesti, jos mitään arvoa ei välitetä 'Date()'-konstruktorissa, se palauttaa käyttäjän järjestelmän päivämäärän ja kellonajan:
anna treffit = Uusi Päivämäärä ( ) ;konsoli. Hirsi ( 'Päivämäärä =' + Päivämäärä ) ;
Yllä olevassa koodissa:
- ' Päivämäärä 'muuttuja luo ' Päivämäärä ' -objekti käyttämällä 'new'-avainsanaa ja 'Date()'-konstruktoria.
- ' console.log() ' -menetelmä näyttää 'date' -muuttujan arvon eli nykyisen päivämäärän ja kellonajan määritetyllä käskyllä.
Lähtö
Kokoa ' .ts '-tiedosto 'tsc'-kääntäjällä ja suorita luotu käännetty tiedosto, jossa on ' .js ' laajennus 'node'-komennon avulla:
tsc pää. tssolmupää. js
Tässä pääte näyttää käyttäjän järjestelmän päivämäärän ja kellonajan sekä aikavyöhykkeen.
Tapa 2: uusi päivämäärä (millisekunteina)
'New Date(milliseconds)' luo Date-objektin, joka laskee päivämäärän ja kellonajan '0':sta tiettyjen millisekuntien määrään:
anna treffit = Uusi Päivämäärä ( 6112346789 ) ;konsoli. Hirsi ( 'Päivämäärä =' + Päivämäärä ) ;
Tässä konstruktori määrittää millisekuntien lukumäärän parametrina.
Lähtö
solmupää. js
Yllä näkyvä päivämäärä ja aika ovat '0' - '6112346789' millisekuntia.
Tapa 3: uusi päivämäärä ('treffit')
Tämä menetelmä ottaa määritetyn päivämäärän muodossa 'vv-kk-pp' merkkijonona ja näyttää sen uutena päivämääränä:
anna treffit = Uusi Päivämäärä ( '2016-02-18' ) ;konsoli. Hirsi ( 'Päivämäärä =' + Päivämäärä ) ;
Tässä 'Päivämäärä'-objekti ottaa määritetyn päivämäärän lainausmerkkien sisällä olevana merkkijonona.
Lähtö
solmupää. js
Pääte näyttää juuri luodun Date-objektin.
Tapa 4: uusi päivämäärä (vuosi, kuukausi, päivämäärä, tunti, minuutti, sekunti, millisekunti):
Viimeisen menetelmän avulla käyttäjät voivat luoda uuden Date-objektin määritetyn päivämäärän ja kellonajan mukaan muodossa '(vv, kk, dd, hh, min, sec, millisekuntia)':
anna treffit = Uusi Päivämäärä ( 2015 , 3 , 2 , 14 , kaksikymmentä , 30 , 9 ) ;konsoli. Hirsi ( 'Päivämäärä =' + Päivämäärä ) ;
Yllä olevassa koodissa päivämäärä ja kellonaika määritetään ilmoitetun muodon mukaisesti.
Lähtö
solmupää. js
Tulos luo uuden objektin, joka näyttää määritetyn päivämäärän ja kellonajan annetun muodon perusteella.
Mitkä ovat TypeScriptin päivämääräobjektin menetelmät ja ominaisuudet?
' Päivämäärä ' -objektilla on laaja valikoima menetelmiä ja ominaisuuksia, jotka on lueteltu alla:
Päivämääräobjektin ominaisuudet
prototyyppi | Se auttaa ominaisuuksien ja menetelmien lisäämisessä Date-objektiin. |
rakentaja | Sitä käytetään funktiona, joka luo objektin prototyypin. |
Hanki ja aseta päivämääräobjektin menetelmät
get Month() | Se palauttaa päivämäärässä määritetyn kuukauden paikallisen päivämäärän perusteella. |
getFullYear() | Se näyttää annetun vuoden paikallisen ajan mukaan. |
getMinutes() | Se määrittää minuutit tietystä päivämäärästä. |
get Milliseconds() | Se tarjoaa millisekuntia annetusta päivämäärästä. |
getSeconds() | Se näyttää sekuntien määrän määritetyn päivämäärän mukaan. |
aseta päivä() | Se asettaa kuukauden päivän/päivämäärän tietylle päivälle paikallisen ajan perusteella. |
setHours() | Se määrittää päivämäärälle haluamasi tunnit. |
setMinutes() | Se asettaa minuutit määritetylle päivälle. |
setSeconds() | Se asettaa sekuntien määrän paikallisen ajan perusteella. |
setYear() | Se asettaa vaaditun vuoden paikallisen ajan perusteella. |
Jos haluat lisää menetelmiä, seuraa annettua opetusohjelmaa ' Päivämäärä Menetelmien viite ”.
Kuinka käyttää päivämääräobjektia TypeScriptissä?
Kuten yllä olevassa osiossa määritellään lista 'Päivämäärä'-objektimenetelmistä. Käytetään Date-objektia näiden menetelmien kanssa sen käytännön toteutuksen selittämiseen.
Esimerkki 1: Aseta tietty päivämäärä, kuukausi ja vuosi
Tämä esimerkki käyttää 'Date'-objektia 'setdate()', 'setMonth()' ja 'setFullYear()' määritetyn päivämäärän asettamiseen.
Koodi
Kopioi nämä koodirivit .ts-tiedostoon:
anna treffit : Päivämäärä = Uusi Päivämäärä ( ) ;Päivämäärä. aseta päivä ( 5 ) ;
Päivämäärä. set Month ( yksitoista ) ;
Päivämäärä. setFullYear ( 2014 ) ;
konsoli. Hirsi ( 'Vuosi =' + Päivämäärä. getFullYear ( ) ) ;
konsoli. Hirsi ( 'Päivämäärä =' + Päivämäärä. getDate ( ) ) ;
konsoli. Hirsi ( 'Kuukausi =' + Päivämäärä. get Month ( ) )
konsoli. Hirsi ( 'Uusi päivämäärä =' + Päivämäärä ) ;
Yllä olevilla koodiriveillä:
- Luo ensin ' Päivämäärä ”-objekti ”new”-avainsanan ja ”date”-muuttujaan tallennetun ”Date()”-konstruktorin avulla.
- Liitä seuraavaksi 'date'-muuttuja määritettyihin menetelmiin yksitellen. ' aseta päivä() ' -menetelmä asettaa kuukauden päivämäärän, ' set Month() ' määrittää kuukauden ja ' setFullYear() ”-menetelmä asettaa vuoden.
- Tämän jälkeen näytä uusi päivämäärä 'console.log()'-menetelmän avulla käyttämällä ' getFullYear() ”, “ getDate() ”, ja ” get Month() ”menetelmiä.
Lähtö
solmupää. js
Tulosteessa näkyy, että Date-objekti palauttaa juuri asetetun päivämäärän, kuukauden ja vuoden.
Esimerkki 2: Aseta tietyt tunnit, minuutit ja sekunnit
Tässä esimerkissä käytetään Date-objektin 'setHours()', 'setMinutes()' ja 'setSeconds()' -menetelmiä halutun ajan asettamiseen:
anna treffit : Päivämäärä = Uusi Päivämäärä ( ) ;Päivämäärä. setHours ( 8 ) ;
Päivämäärä. setMinutes ( 12 ) ;
Päivämäärä. setSeconds ( kaksikymmentä ) ;
konsoli. Hirsi ( 'Tunnit =' + Päivämäärä. getHours ( ) ) ;
konsoli. Hirsi ( 'Minuuttia =' + Päivämäärä. getMinutes ( ) ) ;
konsoli. Hirsi ( 'Sekuntia =' + Päivämäärä. getSeconds ( ) ) ;
konsoli. Hirsi ( 'Päivämäärä ja aika =' + Päivämäärä ) ;
Yllä olevan koodinpätkän mukaan:
- ' setHours() '-menetelmä asettaa tuntien määrän, ' setMinutes() ' asettaa minuutit ja ' setSeconds() ” -menetelmä asettaa sekuntien määrän vastaavasti.
- ' getHours() ”, “ getMinutes() ”, ja ” getSeconds() ” -menetelmät palauttavat juuri asetetut tunnit, minuutit ja sekunnit ajana.
Lähtö
solmupää. js
Tulos näyttää uuden ajan, joka on asetettu Date-objektimenetelmillä.
Esimerkki 3: Hanki nykyinen päivämäärä ja aika käyttämällä kielikäytäntöjä
Tämä esimerkki käyttää 'toLocaleString()'-menetelmää nykyisen päivämäärän ja ajan näyttämiseen paikallisena käytäntönä:
anna treffit = Uusi Päivämäärä ( ) ;konsoli. Hirsi ( 'Päivämäärä ja aika =' + Päivämäärä. toLocaleString ( ) ) ;
Yllä olevilla koodiriveillä linkitä 'toLocaleString()'-menetelmä muuttujaan palauttaaksesi merkkijonon, jossa on kieliherkkä esitys nykyisestä päivämäärästä.
Lähtö
solmupää. js
Kuten näkyy, tulos näyttää nykyisen päivämäärän ja kellonajan paikallisten käytäntöjen mukaisesti.
Esimerkki 4: Palautuspäivämäärän objektin primitiivinen arvo
Tämä esimerkki koskee ' jonkin arvo() ' -menetelmä palauttaa Date-objekti primitiivisenä arvona:
anna treffit = Uusi Päivämäärä ( ) ;konsoli. Hirsi ( 'Päivämäärä ja aika =' + Päivämäärä. jonkin arvo ( ) ) ;
Yllä olevassa koodinpätkässä ' jonkin arvo() ” -menetelmä palauttaa Date-objektin tulosteen millisekunteina keskiyöstä '1. tammikuuta 1970, UTC'.
Lähtö
solmupää. js
Tässä tulokset palauttavat Date-objektin primitiivisenä arvona.
Johtopäätös
TypeScriptissä ' Päivämäärä ”-objekti vastaa paikallisen järjestelmän päivämäärää ja aikaa. Tämä objekti voidaan luoda näyttämään haluttu tulos neljän käsitellyn sisäänrakennetun menetelmän avulla. Sen lisäksi se tarjoaa myös luettelon menetelmistä, joita voidaan käyttää asettamaan ja hankkimaan päivämäärä ja aika vaatimusten mukaisesti. Tämä viesti havainnollisti syvällisesti Date-objektin tarkoitusta, käyttöä ja käytännön toteutusta TypeScriptissä.