Posting ini mengilustrasikan tujuan, penggunaan, dan implementasi praktis objek Date di TypeScript.
Apa itu Objek Tanggal di TypeScript?
“ Tanggal ” objek menunjukkan tanggal dan waktu. Objek ini mencetak tanggal dan waktu sistem lokal secara default. Ini juga memungkinkan pengguna untuk mengatur tanggal dan waktu tertentu (termasuk zona waktu) sistem Anda dengan bantuan metode yang telah ditentukan sebelumnya.
Sintaksis
biarkan tanggal = baru Tanggal ( yyyy, mm, dd )
Dalam sintaks di atas, kata kunci 'baru' membuat objek 'Tanggal' mengikuti format tanggal yang ditentukan (yyyy(tahun), mm(bulan), dd(tanggal)).
Mari kita mulai dengan pembuatan Objek 'Tanggal'.
Bagaimana Cara Membuat Objek Tanggal di TypeScript?
“ Tanggal ” adalah objek dinamis yang dapat diimplementasikan dengan berbagai cara untuk mendapatkan tanggal dan waktu sesuai kebutuhan. Bagian ini membawa semua metode yang mungkin untuk membuat objek 'Tanggal' untuk mendapatkan tanggal dan waktu yang ditentukan.
Mari kita lanjutkan dengan metode pertama.
Metode 1: Tanggal baru()
Secara default, jika tidak ada nilai yang diteruskan dalam konstruktor “Date()”, ini mengembalikan tanggal dan waktu sistem pengguna:
biarkan tanggal = baru Tanggal ( ) ;menghibur. catatan ( 'Tanggal = ' + tanggal ) ;
Dalam kode di atas:
- “ tanggal ” variabel menciptakan “ Tanggal ” menggunakan kata kunci 'baru' dan konstruktor 'Tanggal ()'.
- “ konsol.log() ” metode menampilkan nilai variabel 'tanggal' yaitu, Tanggal dan waktu saat ini dengan pernyataan yang ditentukan.
Keluaran
Kompilasi “ .ts ” menggunakan kompiler “tsc” dan menjalankan file terkompilasi yang dihasilkan dengan “ .js ” dengan bantuan perintah 'node':
tsc utama. tssimpul utama. js
Di sini, terminal menunjukkan tanggal dan waktu sistem pengguna serta zona waktu.
Metode 2: Tanggal baru (milidetik)
'Tanggal baru (milidetik)' membuat objek Tanggal yang menghitung tanggal dan waktu dari '0' ke jumlah milidetik yang ditentukan:
biarkan tanggal = baru Tanggal ( 6112346789 ) ;menghibur. catatan ( 'Tanggal = ' + tanggal ) ;
Di sini, konstruktor menentukan jumlah milidetik sebagai parameter.
Keluaran
simpul utama. js 
Tanggal dan waktu yang ditampilkan di atas adalah dari '0' hingga '6112346789' milidetik.
Metode 3: Tanggal baru ('datestring')
Metode ini mengambil tanggal yang ditentukan dalam format “yy-mm-dd” sebagai string dan menampilkannya sebagai tanggal baru:
biarkan tanggal = baru Tanggal ( '18-02-2016' ) ;menghibur. catatan ( 'Tanggal = ' + tanggal ) ;
Di sini, objek 'Tanggal' mengambil tanggal yang ditentukan sebagai string yang diapit tanda kutip ganda.
Keluaran
simpul utama. js 
Terminal menampilkan objek Tanggal yang baru dibuat.
Metode 4: Tanggal baru (tahun, bulan, tanggal, jam, menit, detik, milidetik):
Metode terakhir memungkinkan pengguna untuk membuat objek Tanggal baru sesuai dengan tanggal dan waktu yang ditentukan berdasarkan format '(yy, mm, dd, hh, min, detik, milidetik)':
biarkan tanggal = baru Tanggal ( 2015 , 3 , 2 , 14 , dua puluh , 30 , 9 ) ;menghibur. catatan ( 'Tanggal = ' + tanggal ) ;
Pada kode di atas, tanggal dan waktu ditentukan sesuai dengan format yang tertera.
Keluaran
simpul utama. js 
Outputnya membuat objek baru yang menampilkan tanggal dan waktu yang ditentukan berdasarkan format yang diberikan.
Apa Metode dan Properti Objek Tanggal di TypeScript?
“ Tanggal ” hadir dengan berbagai metode dan properti yang tercantum di bawah ini:
Properti Objek Tanggal
| prototipe | Ini membantu dalam penambahan properti dan metode ke objek Tanggal. |
| konstruktor | Ini digunakan sebagai fungsi yang membuat prototipe objek. |
Dapatkan dan Tetapkan Metode Objek Tanggal
| getMonth() | Ini mengembalikan bulan yang ditentukan dalam tanggal berdasarkan tanggal lokal. |
| getFullYear() | Ini menampilkan tahun tertentu sesuai dengan waktu setempat. |
| getMinutes() | Ini menentukan menit dari tanggal tertentu. |
| getMilliseconds() | Ini memberikan milidetik dari tanggal yang diberikan. |
| getSeconds() | Ini memberikan jumlah detik sesuai dengan tanggal yang ditentukan. |
| Atur tanggal() | Ini menetapkan hari/tanggal bulan untuk tanggal tertentu berdasarkan waktu setempat. |
| setHours() | Ini menentukan jam yang diinginkan untuk tanggal tersebut. |
| setMenit() | Ini mengatur menit untuk tanggal yang ditentukan. |
| setSeconds() | Ini menetapkan jumlah detik berdasarkan waktu setempat. |
| setTahun() | Ini menetapkan tahun yang diperlukan berdasarkan waktu setempat. |
Untuk metode lainnya, ikuti tutorial yang diberikan “ Referensi Metode Tanggal ”.
Bagaimana Cara Menggunakan Objek Tanggal di TypeScript?
Seperti bagian di atas mendefinisikan daftar metode objek 'Tanggal'. Mari gunakan objek Date dengan metode ini untuk menjelaskan implementasi praktisnya.
Contoh 1: Tetapkan Tanggal, Bulan, dan Tahun Tertentu
Contoh ini menggunakan objek “Tanggal” “setdate()”, “setMonth()”, dan metode “setFullYear()” untuk menyetel Tanggal yang ditentukan.
Kode
Salin baris kode ini di file “.ts”:
biarkan tanggal : Tanggal = baru Tanggal ( ) ;tanggal. Atur tanggal ( 5 ) ;
tanggal. setBulan ( sebelas ) ;
tanggal. setFullYear ( 2014 ) ;
menghibur. catatan ( 'Tahun =' + tanggal. getFullYear ( ) ) ;
menghibur. catatan ( 'Tanggal = ' + tanggal. getDate ( ) ) ;
menghibur. catatan ( 'Bulan =' + tanggal. getMonth ( ) )
menghibur. catatan ( 'Tanggal Baru =' + tanggal ) ;
Pada baris kode di atas:
- Pertama, buat “ Tanggal ” dengan bantuan kata kunci 'baru' dan konstruktor 'Tanggal ()' yang disimpan dalam variabel 'tanggal'.
- Selanjutnya, kaitkan variabel “tanggal” dengan metode yang ditentukan satu per satu. “ Atur tanggal() ” metode menetapkan Tanggal bulan, metode “ setBulan() ” mengatur bulan, dan “ setFullYear() ” metode menetapkan tahun.
- Setelah itu, tampilkan Tanggal baru dengan bantuan metode “console.log()” menggunakan “ getFullYear() ”, “ getDate() ', Dan ' getMonth() metode.
Keluaran
simpul utama. js 
Terlihat pada output bahwa objek Date mengembalikan tanggal, bulan, dan tahun yang baru ditetapkan.
Contoh 2: Tetapkan Jam, Menit, dan Detik Tertentu
Contoh ini menggunakan metode “setHours()”, “setMinutes()”, dan “setSeconds()” dari objek Date untuk menyetel waktu yang diinginkan:
biarkan tanggal : Tanggal = baru Tanggal ( ) ;tanggal. setHours ( 8 ) ;
tanggal. setMinutes ( 12 ) ;
tanggal. setSeconds ( dua puluh ) ;
menghibur. catatan ( 'Jam =' + tanggal. getHours ( ) ) ;
menghibur. catatan ( 'Menit =' + tanggal. getMinutes ( ) ) ;
menghibur. catatan ( 'Detik =' + tanggal. getSeconds ( ) ) ;
menghibur. catatan ( 'Tanggal dan Waktu =' + tanggal ) ;
Menurut potongan kode di atas:
- “ setHours() ” metode menetapkan jumlah jam, “ setMenit() ” menyetel menit dan “ setSeconds() ” metode mengatur jumlah detik, masing-masing.
- “ getHours() ”, “ getMinutes() ', Dan ' getSeconds() ” metode mengembalikan jam, menit, dan detik yang baru disetel sebagai waktu.
Keluaran
simpul utama. js 
Keluaran menunjukkan waktu baru yang diatur menggunakan metode objek Tanggal.
Contoh 3: Dapatkan Tanggal dan Waktu Saat Ini Menggunakan Konvensi Lokal
Contoh ini menggunakan metode “toLocaleString()” untuk menampilkan tanggal dan waktu saat ini sebagai konvensi lokal:
biarkan tanggal = baru Tanggal ( ) ;menghibur. catatan ( 'Tanggal dan Waktu =' + tanggal. toLocaleString ( ) ) ;
Pada baris kode di atas, tautkan metode 'toLocaleString()' dengan variabel untuk mengembalikan string dengan representasi sensitif bahasa dari Tanggal saat ini.
Keluaran
simpul utama. js 
Seperti yang terlihat, output menunjukkan tanggal dan waktu saat ini menggunakan konvensi lokal.
Contoh 4: Nilai Primitif Objek Tanggal Pengembalian
Contoh ini menerapkan “ Nilai dari() ” metode untuk mengembalikan objek Tanggal sebagai nilai primitif:
biarkan tanggal = baru Tanggal ( ) ;menghibur. catatan ( 'Tanggal dan Waktu =' + tanggal. Nilai dari ( ) ) ;
Dalam potongan kode di atas, “ Nilai dari() ” mengembalikan keluaran objek Tanggal dalam milidetik sejak tengah malam “1 Januari 1970, UTC”.
Keluaran
simpul utama. js 
Di sini, hasil mengembalikan objek Tanggal sebagai nilai primitif.
Kesimpulan
Di TypeScript, ' Tanggal ” objek sesuai dengan tanggal dan waktu sistem lokal. Objek ini dapat dibuat untuk menampilkan keluaran yang diinginkan dengan bantuan empat metode bawaan yang dibahas. Selain itu, ia juga menyediakan daftar metode yang dapat diterapkan untuk mengatur dan mendapatkan Tanggal dan waktu sesuai kebutuhan. Posting ini sangat mengilustrasikan tujuan, penggunaan, dan implementasi praktis objek Date dalam TypeScript.