Pengantar Tanggal dan Waktu di JavaScript

Bekerja dengan tanggal adalah aspek penting dari pemrograman. Objek tanggal bawaan digunakan untuk bekerja dengan tanggal dan waktu dalam JavaScript. Berbagai metode objek tanggal membuat tugas lebih mudah saat bekerja dengan tanggal dan waktu.

Dalam artikel ini, Anda akan mempelajari semua yang perlu Anda ketahui tentang bekerja dengan tanggal dalam JavaScript. Jadi, tanpa basa-basi lagi, mari kita masuk.

Cara Membuat Objek Tanggal

Anda dapat membuat objek tanggal dalam JavaScript menggunakan empat cara berikut:

1. tanggal baru()

Itu Tanggal baru () konstruktor membuat objek tanggal dengan tanggal dan waktu saat ini.

biarkan d = Tanggal baru();
console.log (d);

Keluaran:

Senin 03 Jan 2022 20:27:58 GMT+0530 (Waktu Standar India)

2. Tanggal baru (dawai tanggal)

Itu Tanggal baru (dawai tanggal) konstruktor membuat objek tanggal dari string tanggal.

biarkan d = new Date("01-01-2022");
console.log (d);

Keluaran:

Sabtu 01 Jan 2022 05:30:00 GMT+0530 (Waktu Standar India)

3. Tanggal baru (milidetik)

Itu Tanggal baru (milidetik)

konstruktor membuat objek tanggal dengan menambahkan milidetik ke waktu nol. Parameter mewakili waktu yang berlalu dalam milidetik sejak 1 Januari 1970 UTC.

misalkan d1 = Tanggal baru (0);
console.log (d1);
biarkan d2 = Tanggal baru (973436457364);
console.log (d2);

Keluaran:

Kamis 01 Jan 1970 05:30:00 GMT+0530 (Waktu Standar India)
Minggu 05 Nov 2000 20:30:57 GMT+0530 (Waktu Standar India)

4. Tanggal baru (tahun, bulan, hari, jam, menit, detik, milidetik)

Itu Tanggal baru (tahun, bulan, hari, jam, menit, detik, milidetik) konstruktor membuat objek tanggal dengan tanggal dan waktu yang ditentukan. Tujuh parameter menentukan tahun, bulan, hari, jam, menit, detik, dan milidetik masing-masing.

misalkan d = Tanggal baru (2020, 10, 11, 15, 29, 46, 0);
console.log (d);

Keluaran:

Rabu 11 Nov 2020 15:29:46 GMT+0530 (Waktu Standar India)

Anda juga dapat membuat objek tanggal dengan enam, empat, tiga, atau dua parameter.

a) Enam parameter menentukan tahun, bulan, hari, jam, menit, dan detik.

b) Lima parameter menentukan tahun, bulan, hari, jam, dan menit.

c) Empat parameter menentukan tahun, bulan, hari, dan jam.

d) Tiga parameter menentukan tahun, bulan, dan hari.

e) Kedua parameter menentukan tahun dan bulan.

Catatan:

• JavaScript menghitung bulan dari 0 hingga 11 yaitu, Januari diwakili oleh 0, dan Desember diwakili oleh 11.
• Jika Anda menentukan nilai di luar rentang dalam objek Date, itu tidak akan menimbulkan kesalahan, melainkan mengoreksi dirinya sendiri secara otomatis.

// Maret tidak memiliki 40 hari, luapan dikoreksi secara otomatis
misalkan d = Tanggal baru (2020, 2, 40);
console.log (d);

Keluaran:

Kamis, 09 Apr 2020 00:00:00 GMT+0530 (Waktu Standar India)

Metode Dapatkan Tanggal JavaScript

Anda dapat menggunakan metode berikut untuk mendapatkan informasi dari objek tanggal.

1. dapatkanTahunPenuh()

Metode ini mengembalikan tahun sebagai angka empat digit (yyyy) menurut waktu setempat.

biarkan d = Tanggal baru();
console.log (d.getFullYear());

Keluaran:

2022

2. dapatkanBulan()

Metode ini mengembalikan bulan sebagai angka (0-11) menurut waktu setempat.

biarkan d = Tanggal baru();
console.log (d.getMonth());

Keluaran:

0

3. dapatkanTanggal()

Metode ini mengembalikan hari sebagai angka (1-31) menurut waktu setempat.

biarkan d = Tanggal baru();
console.log (d.getDate());

Keluaran:

3

Terkait: Pengantar Tipe Data dalam JavaScript

4. getJam()

Metode ini mengembalikan jam (0-23) menurut waktu setempat.

biarkan d = Tanggal baru();
console.log (d.getHours());

Keluaran:

22

5. dapatkanMenit()

Metode ini mengembalikan menit (0-59) menurut waktu setempat.

biarkan d = Tanggal baru();
console.log (d.getMinutes());

Keluaran:

40

6. getSeconds()

Metode ini mengembalikan detik (0-59) menurut waktu setempat.

biarkan d = Tanggal baru();
console.log (d.getSeconds());

Keluaran:

30

7. dapatkan Milidetik()

Metode ini mengembalikan milidetik (0-999) menurut waktu setempat.

biarkan d = Tanggal baru();
console.log (d.getMilliseconds());

Keluaran:

55

Terkait: JavaScript One-Liners Yang Harus Anda Ketahui

8. dapatkanWaktu()

Metode ini mengembalikan waktu dalam milidetik sejak 1 Januari 1970.

biarkan d = Tanggal baru();
console.log (d.getTime());

Keluaran:

1641230088884

9. dapatkanHari()

Metode ini mengembalikan hari kerja sebagai angka (0-6) menurut waktu setempat.

biarkan d = Tanggal baru();
console.log (d.getDay());

Keluaran:

1

Catatan: Jika Anda ingin bekerja dengan tanggal UTC, Anda dapat menggunakan metode tanggal berikut: dapatkanUTCDate()​​​​​​​, dapatkanUTCDday(), getUTCFullYear()​​​​​​​, dapatkanUTCHours(), getUTCMillidetik(), getUTCMinutes(), dapatkanUTCMonth(), dan getUTCSeconds().

Metode Penetapan Tanggal JavaScript

Anda dapat menggunakan metode berikut untuk menyetel bagian dari objek tanggal.

1. Atur tanggal()

Metode ini menetapkan hari sebagai angka (1-31) untuk tanggal yang ditentukan menurut waktu setempat.

biarkan d = Tanggal baru();
d.setDate (20);
console.log (d);

Keluaran:

Kamis 20 Jan 2022 22:58:59 GMT+0530 (Waktu Standar India)

Terkait: Metode Matematika JavaScript yang Harus Anda Kuasai Hari Ini

2. setTahunPenuh()

Metode ini menetapkan tahun untuk tanggal yang ditentukan menurut waktu setempat.

biarkan d = Tanggal baru();
d.setTahun Penuh (2016);
console.log (d);

Keluaran:

Sun 03 Jan 2016 23:00:41 GMT+0530 (Waktu Standar India)

3. setJam()

Metode ini menetapkan jam (0-23) untuk tanggal yang ditentukan menurut waktu setempat.

biarkan d = Tanggal baru();
d.setJam (15);
console.log (d);

Keluaran:

Sen 03 Jan 2022 15:02:01 GMT+0530 (Waktu Standar India)

Terkait: Cara Membuat Kalkulator Sederhana Menggunakan HTML, CSS, dan JavaScript

4. setMillidetik()

Metode ini menetapkan milidetik (0-999) untuk tanggal yang ditentukan menurut waktu setempat.

biarkan d = Tanggal baru();
d.setMilliseconds (548);
console.log (d);

Keluaran:

Senin 03 Jan 2022 23:04:13 GMT+0530 (Waktu Standar India)

Demikian pula, Anda dapat menggunakan setMenit(), setBulan(), dan setdetik() metode untuk mengatur menit (0-59), bulan (0-11), dan detik (0-59) masing-masing untuk tanggal yang ditentukan menurut waktu setempat.

Contoh Waktu Saat Ini JavaScript

Contoh sederhana untuk mencetak waktu sistem saat ini:

Jika Anda ingin melihat kode sumber lengkap yang digunakan dalam artikel ini, ini dia Repositori GitHub.​​​​​​​

Kembangkan Proyek Menggunakan Konsep Tanggal JavaScript

Anda akan menemukan banyak contoh tanggal JavaScript saat bekerja pada aplikasi dunia nyata. Jika Anda ingin memulai dengan proyek sederhana dan mendapatkan pengalaman langsung, Anda dapat mengembangkan jam digital menggunakan HTML, CSS, dan JavaScript. Seiring dengan tanggal, Anda juga akan mempelajari beberapa konsep JavaScript penting seperti bekerja dengan variabel, menggunakan fungsi, mengakses dan menambahkan properti ke DOM, dan banyak lagi.

Cara Membuat Jam Digital Menggunakan HTML, CSS, dan JavaScript

Apakah Anda kode sampai kicau burung memberitahu Anda bahwa itu pagi? Lacak waktu dengan jam khusus ini.

Baca Selanjutnya

Tentang Penulis