Inilalarawan ng post na ito ang layunin, paggamit, at praktikal na pagpapatupad ng object ng Petsa sa TypeScript.
Ano ang isang Date Object sa TypeScript?
Ang ' Petsa ” object ay nagsasaad ng petsa at oras. Ang bagay na ito ay nagpi-print ng petsa at oras ng lokal na system bilang default. Pinapayagan din nito ang mga gumagamit na magtakda ng isang tiyak na petsa at oras (kabilang ang time zone) ng iyong system sa tulong ng mga paunang natukoy na pamamaraan nito.
Syntax
hayaan mong makipag-date = bago Petsa ( yyyy, mm, dd )
Sa syntax sa itaas, ang 'bagong' keyword ay lumilikha ng object na 'Petsa' kasunod ng tinukoy na format ng petsa(yyyy(taon), mm(buwan), dd(petsa)).
Magsimula tayo sa paglikha ng 'Petsa' na Bagay.
Paano Gumawa ng isang Bagay sa Petsa sa TypeScript?
Ang ' Petsa ” ay isang dynamic na bagay na maaaring ipatupad sa iba't ibang paraan upang makuha ang petsa at oras ayon sa kinakailangan. Ang seksyong ito ay nagdadala ng lahat ng posibleng paraan upang lumikha ng isang bagay na 'Petsa' para sa pagkuha ng tinukoy na petsa at oras.
Ituloy natin ang unang paraan.
Paraan 1: bagong Petsa()
Bilang default, kung walang value na ipinasa sa “Date()” constructor, ibinabalik nito ang petsa at oras ng system ng user:
hayaan mong makipag-date = bago Petsa ( ) ;console. log ( 'Petsa = ' + petsa ) ;
Sa code sa itaas:
- Ang ' petsa Ang variable ay lumilikha ng isang Petsa ” object gamit ang “bagong” keyword at ang “Date()” constructor.
- Ang ' console.log() ” na paraan ay nagpapakita ng halaga ng variable na “petsa” ibig sabihin, kasalukuyang Petsa at oras kasama ang tinukoy na pahayag.
Output
Buuin ang ' .ts ” file gamit ang “tsc” compiler at patakbuhin ang nabuong compiled file na mayroong “ .js ” extension sa tulong ng “node” na utos:
tsc pangunahing. tspangunahing node. js
Dito, ipinapakita ng terminal ang petsa at oras ng user system pati na rin ang time zone.
Paraan 2: bagong Petsa(milliseconds)
Ang 'bagong Petsa(milliseconds)' ay lumilikha ng Date object na kumukwenta ng petsa at oras mula sa '0' hanggang sa bilang ng mga tinukoy na millisecond:
hayaan mong makipag-date = bago Petsa ( 6112346789 ) ;console. log ( 'Petsa = ' + petsa ) ;
Dito, tinutukoy ng constructor ang bilang ng mga millisecond bilang isang parameter.
Output
pangunahing node. js 
Ang ipinapakita sa itaas na petsa at oras ay mula sa “0” hanggang “6112346789” millisecond.
Paraan 3: bagong Petsa('datestring')
Kinukuha ng pamamaraang ito ang tinukoy na petsa sa format na 'yy-mm-dd' bilang isang string at ipinapakita ito bilang bagong petsa:
hayaan mong makipag-date = bago Petsa ( '2016-02-18' ) ;console. log ( 'Petsa = ' + petsa ) ;
Dito, kinukuha ng object na 'Petsa' ang tinukoy na petsa bilang isang string na nakapaloob sa double quotes.
Output
pangunahing node. js 
Ipinapakita ng terminal ang bagong likhang bagay na Petsa.
Paraan 4: bagong Petsa( taon, buwan, petsa, oras, minuto, segundo, millisecond ):
Ang huling paraan ay nagbibigay-daan sa mga user na lumikha ng bagong Date object ayon sa tinukoy na petsa at oras batay sa format na '(yy, mm, dd, hh, min, sec, milliseconds)':
hayaan mong makipag-date = bago Petsa ( 2015 , 3 , 2 , 14 , dalawampu , 30 , 9 ) ;console. log ( 'Petsa = ' + petsa ) ;
Sa code sa itaas, ang petsa at oras ay tinukoy alinsunod sa nakasaad na format.
Output
pangunahing node. js 
Lumilikha ang output ng isang bagong bagay na nagpapakita ng tinukoy na petsa at oras batay sa ibinigay na format.
Ano ang Mga Paraan at Properties ng Date Object sa TypeScript?
Ang ' Petsa ” object ay may malawak na hanay ng mga pamamaraan at katangian na nakalista sa ibaba:
Mga Katangian ng Date Object
| prototype | Nakakatulong ito sa pagdaragdag ng mga katangian at pamamaraan sa bagay na Petsa. |
| tagabuo | Ito ay ginagamit bilang isang function na lumilikha ng object prototype. |
Kunin at Itakda ang Mga Paraan ng Petsa ng Bagay
| getMonth() | Ibinabalik nito ang buwang tinukoy sa petsa batay sa lokal na petsa. |
| getFullYear() | Ipinapakita nito ang ibinigay na taon ayon sa lokal na oras. |
| getMinutes() | Tinutukoy nito ang mga minuto mula sa partikular na petsa. |
| getMilliseconds() | Nagbibigay ito ng mga millisecond mula sa ibinigay na petsa. |
| getSeconds() | Nagbibigay ito ng bilang ng mga segundo ayon sa tinukoy na petsa. |
| nakatakdang petsa() | Itinatakda nito ang araw/petsa ng buwan para sa partikular na petsa batay sa lokal na oras. |
| setHours() | Tinutukoy nito ang mga gustong oras para sa petsa. |
| setMinutes() | Itinatakda nito ang mga minuto para sa tinukoy na petsa. |
| setSeconds() | Itinatakda nito ang bilang ng mga segundo batay sa lokal na oras. |
| setYear() | Itinatakda nito ang kinakailangang taon batay sa lokal na oras. |
Para sa higit pang mga pamamaraan, sundin ang ibinigay na tutorial ' Sanggunian ng Mga Paraan ng Petsa ”.
Paano Gamitin ang Date Object sa TypeScript?
Habang ang seksyon sa itaas ay tumutukoy sa isang listahan ng mga pamamaraan ng object na 'Petsa'. Gamitin natin ang Date object sa mga pamamaraang ito para ipaliwanag ang praktikal na pagpapatupad nito.
Halimbawa 1: Magtakda ng Tukoy na Petsa, Buwan, at Taon
Ginagamit ng halimbawang ito ang object na 'Petsa' na 'setdate()', 'setMonth()', at 'setFullYear()' na mga pamamaraan upang itakda ang tinukoy na Petsa.
Code
Kopyahin ang mga linya ng code na ito sa '.ts' na file:
hayaan mong makipag-date : Petsa = bago Petsa ( ) ;petsa. nakatakdang petsa ( 5 ) ;
petsa. setMonth ( labing-isa ) ;
petsa. setFullYear ( 2014 ) ;
console. log ( 'Taon = ' + petsa. getFullYear ( ) ) ;
console. log ( 'Petsa = ' + petsa. getDate ( ) ) ;
console. log ( 'Buwan = ' + petsa. getMonth ( ) )
console. log ( ' Bagong Petsa = ' + petsa ) ;
Sa itaas na mga linya ng code:
- Una, lumikha ng ' Petsa ” object sa tulong ng “bagong” keyword at ang “Date()” constructor na naka-store sa variable na “date”.
- Susunod, iugnay ang variable na 'petsa' sa mga tinukoy na pamamaraan nang paisa-isa. Ang ' nakatakdang petsa() Ang pamamaraan ay nagtatakda ng Petsa ng buwan, ang ' setMonth() ' nagtatakda ng buwan, at ang ' setFullYear() ” paraan ang nagtatakda ng taon.
- Pagkatapos nito, ipakita ang bagong Petsa sa tulong ng 'console.log()' na paraan gamit ang ' getFullYear() ”, “ getDate() ”, at “ getMonth() ' paraan.
Output
pangunahing node. js 
Makikita sa output na ibinabalik ng Date object ang bagong itinakda na petsa, buwan, at taon.
Halimbawa 2: Magtakda ng Mga Tukoy na Oras, Minuto, at Segundo
Ang halimbawang ito ay gumagamit ng 'setHours()', 'setMinutes()', at 'setSeconds()' na mga pamamaraan ng Date object upang itakda ang gustong oras:
hayaan mong makipag-date : Petsa = bago Petsa ( ) ;petsa. setHours ( 8 ) ;
petsa. setMinutes ( 12 ) ;
petsa. setSeconds ( dalawampu ) ;
console. log ( 'Oras =' + petsa. getHours ( ) ) ;
console. log ( 'Mga minuto = ' + petsa. getMinutes ( ) ) ;
console. log ( 'Segundo =' + petsa. getSeconds ( ) ) ;
console. log ( 'Petsa at Oras = ' + petsa ) ;
Ayon sa snippet ng code sa itaas:
- Ang ' setHours() 'Ang pamamaraan ay nagtatakda ng bilang ng mga oras,' setMinutes() ' nagtatakda ng mga minuto at ang ' setSeconds() ” paraan ay nagtatakda ng bilang ng mga segundo, ayon sa pagkakabanggit.
- Ang ' getHours() ”, “ getMinutes() ”, at “ getSeconds() ” ibinabalik ng mga pamamaraan ang bagong itinakdang oras, minuto, at segundo bilang oras.
Output
pangunahing node. js 
Ipinapakita ng output ang bagong set ng oras gamit ang mga pamamaraan ng object na Petsa.
Halimbawa 3: Kunin ang Kasalukuyang Petsa at Oras Gamit ang Locale Conventions
Ang halimbawang ito ay gumagamit ng 'toLocaleString()' na paraan upang ipakita ang kasalukuyang petsa at oras bilang isang lokal na kombensiyon:
hayaan mong makipag-date = bago Petsa ( ) ;console. log ( 'Petsa at Oras = ' + petsa. saLocaleString ( ) ) ;
Sa mga linya ng code sa itaas, i-link ang pamamaraang “toLocaleString()” sa variable upang magbalik ng string na may representasyong sensitibo sa wika ng kasalukuyang Petsa.
Output
pangunahing node. js 
Gaya ng nakikita, ipinapakita ng output ang kasalukuyang petsa at oras gamit ang lokal na kombensiyon.
Halimbawa 4: Petsa ng Pagbabalik Object Primitive Value
Inilalapat ng halimbawang ito ang ' valueOf() ” paraan upang ibalik ang bagay na Petsa bilang isang primitive na halaga:
hayaan mong makipag-date = bago Petsa ( ) ;console. log ( 'Petsa at Oras = ' + petsa. halagaNg ( ) ) ;
Sa snippet ng code sa itaas, ang “ valueOf() Ibinabalik ng pamamaraan ng ” ang Date object output sa milliseconds simula hatinggabi “Enero 1, 1970, UTC”.
Output
pangunahing node. js 
Dito, ibinabalik ng mga resulta ang bagay na Petsa bilang isang primitive na halaga.
Konklusyon
Sa TypeScript, ang ' Petsa ” bagay ay tumutugma sa petsa at oras ng lokal na sistema. Ang bagay na ito ay maaaring malikha upang ipakita ang nais na output sa tulong ng tinalakay na apat na built-in na pamamaraan. Bukod dito, nagbibigay din ito ng listahan ng mga pamamaraan na maaaring ilapat upang itakda at makuha ang Petsa at oras ayon sa mga kinakailangan. Ang post na ito ay malalim na naglalarawan ng layunin, paggamit, at praktikal na pagpapatupad ng object ng Petsa sa TypeScript.