Panduan Komprehensif tentang Objek Tarikh dalam TypeScript

Panduan Komprehensif Tentang Objek Tarikh Dalam Typescript



TypeScript ialah superset JavaScript yang disertakan dengan semua fungsi JavaScript serta yang baharu. Ia mempunyai hampir semua kaedah dan sifat terbina dalam JavaScript untuk melaksanakan pelbagai fungsi. Kerja semua kaedah, sifat dan objek ini adalah sama dalam TypeScript. Jadi, pengguna boleh menggunakan mana-mana objek JavaScript sebagai objek TypeScript mengikut keperluan.

Siaran ini menggambarkan tujuan, penggunaan dan pelaksanaan objek Date dalam TypeScript.

Apakah Objek Tarikh dalam TypeScript?

' Tarikh ” objek menandakan tarikh dan masa. Objek ini mencetak tarikh dan masa sistem setempat secara lalai. Ia juga membenarkan pengguna menetapkan tarikh dan masa tertentu (termasuk zon waktu) sistem anda dengan bantuan kaedah yang telah ditetapkan.







Sintaks



biarkan dating = baru Tarikh ( yyyy, mm, dd )

Dalam sintaks di atas, kata kunci 'baharu' mencipta objek 'Tarikh' mengikut format tarikh yang ditentukan(yyyy(tahun), mm(bulan), dd(tarikh)).



Mari kita mulakan dengan penciptaan Objek 'Tarikh'.





Bagaimana untuk Mencipta Objek Tarikh dalam TypeScript?

' Tarikh ” ialah objek dinamik yang boleh dilaksanakan dengan cara yang berbeza untuk mendapatkan tarikh dan masa mengikut keperluan. Bahagian ini membawa semua kaedah yang mungkin untuk mencipta objek 'Tarikh' untuk mendapatkan tarikh dan masa yang ditentukan.

Mari teruskan dengan kaedah pertama.



Kaedah 1: New Date()

Secara lalai, jika tiada nilai diluluskan dalam pembina 'Date()', ia mengembalikan tarikh dan masa sistem pengguna:

biarkan dating = baru Tarikh ( ) ;

konsol. log ( 'Tarikh = ' + Tarikh ) ;

Dalam kod di atas:

  • ' Tarikh ' pembolehubah mencipta ' Tarikh ” objek menggunakan kata kunci “baru” dan pembina “Tarikh()”.
  • ' console.log() kaedah ” memaparkan nilai pembolehubah “tarikh” iaitu, Tarikh dan masa semasa dengan pernyataan yang ditentukan.

Pengeluaran

Susun ' .ts ” menggunakan pengkompil “tsc” dan jalankan fail tersusun yang dijana mempunyai “ .js ” sambungan dengan bantuan arahan “nod”:

tsc utama. ts

nod utama. js

Di sini, terminal menunjukkan tarikh dan masa sistem pengguna serta zon waktu.

Kaedah 2: Tarikh baharu (milisaat)

'Tarikh baharu(milisaat)' mencipta objek Tarikh yang mengira tarikh dan masa daripada '0' kepada bilangan milisaat yang ditentukan:

biarkan dating = baru Tarikh ( 6112346789 ) ;

konsol. log ( 'Tarikh = ' + Tarikh ) ;

Di sini, pembina menentukan bilangan milisaat sebagai parameter.

Pengeluaran

nod utama. js

Tarikh dan masa yang dipaparkan di atas adalah dari '0' hingga '6112346789' milisaat.

Kaedah 3: New Date('datestring')

Kaedah ini mengambil tarikh yang ditentukan dalam format 'yy-mm-dd' sebagai rentetan dan memaparkannya sebagai tarikh baharu:

biarkan dating = baru Tarikh ( '2016-02-18' ) ;

konsol. log ( 'Tarikh = ' + Tarikh ) ;

Di sini, objek 'Tarikh' mengambil tarikh yang ditentukan sebagai rentetan yang disertakan dalam petikan berganda.

Pengeluaran

nod utama. js

Terminal menunjukkan objek Tarikh yang baru dibuat.

Kaedah 4: Tarikh baharu (tahun, bulan, tarikh, jam, minit, saat, milisaat ):

Kaedah terakhir membolehkan pengguna mencipta objek Tarikh baharu mengikut tarikh dan masa yang ditentukan berdasarkan format '(yy, mm, dd, hh, min, sec, milisaat)':

biarkan dating = baru Tarikh ( 2015 , 3 , 2 , 14 , dua puluh , 30 , 9 ) ;

konsol. log ( 'Tarikh = ' + Tarikh ) ;

Dalam kod di atas, tarikh dan masa ditentukan mengikut format yang dinyatakan.

Pengeluaran

nod utama. js

Output mencipta objek baharu yang memaparkan tarikh dan masa yang ditentukan berdasarkan format yang diberikan.

Apakah Kaedah dan Sifat Objek Tarikh dalam TypeScript?

' Tarikh ” objek datang dengan pelbagai kaedah dan sifat yang disenaraikan di bawah:

Sifat Objek Tarikh

prototaip Ia membantu dalam penambahan sifat dan kaedah pada objek Tarikh.
pembina Ia digunakan sebagai fungsi yang mencipta prototaip objek.

Dapatkan dan Tetapkan Kaedah Objek Tarikh

getMonth() Ia mengembalikan bulan yang dinyatakan dalam tarikh berdasarkan tarikh tempatan.
getFullYear() Ia memaparkan tahun tertentu mengikut waktu tempatan.
getMinutes() Ia menentukan minit dari tarikh tertentu.
dapatkanMillisaat() Ia menyediakan milisaat dari tarikh yang diberikan.
getSeconds() Ia memberikan bilangan saat mengikut tarikh yang ditentukan.
setDate() Ia menetapkan hari/tarikh bulan untuk tarikh tertentu berdasarkan waktu tempatan.
setHours() Ia menyatakan jam yang diingini untuk tarikh tersebut.
setMinutes() Ia menetapkan minit untuk tarikh yang ditentukan.
setSeconds() Ia menetapkan bilangan saat berdasarkan waktu tempatan.
setYear() Ia menetapkan tahun yang diperlukan berdasarkan waktu tempatan.

Untuk lebih banyak kaedah, ikuti tutorial yang diberikan ' Rujukan Kaedah Tarikh ”.

Bagaimana untuk Menggunakan Objek Tarikh dalam TypeScript?

Memandangkan bahagian di atas mentakrifkan senarai kaedah objek 'Tarikh'. Mari gunakan objek Date dengan kaedah ini untuk menerangkan pelaksanaan praktikalnya.

Contoh 1: Tetapkan Tarikh, Bulan dan Tahun Tertentu

Contoh ini menggunakan kaedah 'Tarikh' objek 'setdate()', 'setMonth()', dan 'setFullYear()' untuk menetapkan Tarikh yang ditentukan.

Kod

Salin baris kod ini dalam fail '.ts':

biarkan dating : Tarikh = baru Tarikh ( ) ;

Tarikh. setDate ( 5 ) ;

Tarikh. setBulan ( sebelas ) ;

Tarikh. setFullYear ( 2014 ) ;

konsol. log ( 'Tahun = ' + Tarikh. getFullYear ( ) ) ;

konsol. log ( 'Tarikh = ' + Tarikh. getDate ( ) ) ;

konsol. log ( 'Bulan = ' + Tarikh. getMonth ( ) )

konsol. log ( 'Tarikh Baharu = ' + Tarikh ) ;

Dalam baris kod di atas:

  • Pertama, buat ' Tarikh ” objek dengan bantuan kata kunci “baru” dan pembina “Tarikh()” yang disimpan dalam pembolehubah “tarikh”.
  • Seterusnya, kaitkan pembolehubah 'tarikh' dengan kaedah yang ditentukan satu demi satu. ' setDate() ' kaedah menetapkan Tarikh bulan, ' setMonth() ” menetapkan bulan, dan “ setFullYear() ” kaedah menetapkan tahun.
  • Selepas itu, paparkan Tarikh baharu dengan bantuan kaedah “console.log()” menggunakan “ getFullYear() ”, “ getDate() ”, dan “ getMonth() ” kaedah.

Pengeluaran

nod utama. js

Ia dilihat dalam output bahawa objek Tarikh mengembalikan tarikh, bulan dan tahun yang baru ditetapkan.

Contoh 2: Tetapkan Jam, Minit dan Saat Tertentu

Contoh ini menggunakan kaedah 'setHours()', 'setMinutes()', dan 'setSeconds()' bagi objek Date untuk menetapkan masa yang dikehendaki:

biarkan dating : Tarikh = baru Tarikh ( ) ;

Tarikh. setHours ( 8 ) ;

Tarikh. setMinutes ( 12 ) ;

Tarikh. setSeconds ( dua puluh ) ;

konsol. log ( 'Jam = ' + Tarikh. getHours ( ) ) ;

konsol. log ( 'Minit = ' + Tarikh. getMinutes ( ) ) ;

konsol. log ( 'Saat = ' + Tarikh. getSeconds ( ) ) ;

konsol. log ( 'Tarikh dan Masa = ' + Tarikh ) ;

Mengikut coretan kod di atas:

  • ' setHours() ' kaedah menetapkan bilangan jam, ' setMinutes() ” menetapkan minit dan “ setSeconds() ” kaedah menetapkan bilangan saat, masing-masing.
  • ' getHours() ”, “ getMinutes() ”, dan “ getSeconds() ” kaedah mengembalikan jam, minit dan saat yang baru ditetapkan sebagai masa.

Pengeluaran

nod utama. js

Output menunjukkan set masa baharu menggunakan kaedah objek Tarikh.

Contoh 3: Dapatkan Tarikh dan Masa Semasa Menggunakan Konvensyen Tempatan

Contoh ini menggunakan kaedah 'toLocaleString()' untuk memaparkan tarikh dan masa semasa sebagai konvensyen tempatan:

biarkan dating = baru Tarikh ( ) ;

konsol. log ( 'Tarikh dan Masa = ' + Tarikh. toLocaleString ( ) ) ;

Dalam baris kod di atas, pautkan kaedah 'toLocaleString()' dengan pembolehubah untuk mengembalikan rentetan dengan perwakilan sensitif bahasa bagi Tarikh semasa.

Pengeluaran

nod utama. js

Seperti yang dilihat, output menunjukkan tarikh dan masa semasa menggunakan konvensyen tempatan.

Contoh 4: Nilai Primitif Objek Tarikh Pulangan

Contoh ini menggunakan ' nilai() ” kaedah untuk mengembalikan objek Tarikh sebagai nilai primitif:

biarkan dating = baru Tarikh ( ) ;

konsol. log ( 'Tarikh dan Masa = ' + Tarikh. nilai ( ) ) ;

Dalam coretan kod di atas, ' nilai() ” kaedah mengembalikan output objek Tarikh dalam milisaat sejak tengah malam “1 Januari 1970, UTC”.

Pengeluaran

nod utama. js

Di sini, hasil mengembalikan objek Tarikh sebagai nilai primitif.

Kesimpulan

Dalam TypeScript, ' Tarikh ” objek sepadan dengan tarikh dan masa sistem tempatan. Objek ini boleh dicipta untuk memaparkan output yang dikehendaki dengan bantuan empat kaedah terbina dalam yang dibincangkan. Selain itu, ia juga menyediakan senarai kaedah yang boleh digunakan untuk menetapkan dan mendapatkan Tarikh dan masa mengikut keperluan. Catatan ini menggambarkan dengan mendalam tujuan, penggunaan dan pelaksanaan objek Date dalam TypeScript.