Cara menggunakan DATE pada JavaScript

Dalam kehidupan kita sehari-hari tanggal dan waktu melekat erat dirutinitas kita, begitu juga dalam bahasa pemrograman. Di tutorial ini penulis akan mengulas penggunaan tanggal dan waktu pada javascript.

Dalam pemrograman tentunya penggunaan tanggal dan waktu sangatlah penting, misalnya untuk merekam setiap perubahan yang terjadi pada data, tanggal masuk atau bahkan mungkin tanggal modifikasi, memudahkan pembuatan laporan periodik, jadwal transportasi dan lain sebagainya.

Tanggal dan waktu pada javascript secara bawaan mengambil data dari browser, atau dari komputer pengguna, berdasarkan zona waktu masing-masing pengguna.

Cara menggunakan tanggal dan waktu di javascript

Pada dasarnya javascript telah menyediakan Date Object, untuk dapat menggunakan tanggal dan waktu pada javascript kita bisa menggunakan class Date, didalam class Date tersebut menyimpan object tanggal dan waktu.

Berikut ini contoh penggunaan tanggal dan waktu tanpa parameter apapun, dimana kita akan mengeluarkan tanggal dan waktu saat ini.

var tanggalWaktu = new Date[]; console.log[tanggalWaktu];

Code language: HTML, XML [xml]

Hasilnya…

Perhatikan pada output diatas, data yang keluar adalah seperti dibawah ini.

Sat Sep 19 2020 20:54:05 GMT+0700 [Western Indonesia Time]

Berdasarkan format diatas menggunakan zona waktu komputer penulis, berikut ini tabel penjelasannya.

HariBulanTanggalTahunJamMenitDetikZona Waktu
Sat Sep 19 2020 20 54 05 GMT+0700

Selain menentukan tanggal dan waktu saat ini, kita juga dapat menentukan tanggal dan waktu secara manual.

ParameterPenjelasan
Date[timestamp] Menentukan tanggal dan waktu menggunakan format unix timestamp.
Date[string] Menentukan tanggal dan waktu menggunakan string tanggal dan waktu. Contoh: September 19 2020 21:14
Date[tahun, bulan, hari, jam, menit, detik, milidetik] Menentukan tanggal dan waktu berdasarkan pecahan format tanggal dan waktu.

Berikut ini contoh penggunaan class Date[] masing-masing yang tertera pada tabel diatas.

// Menggunakan unix timestamp var tanggalWaktuTimestamp = new Date[1600525320000]; // Menggunakan string var tanggalWaktuString = new Date['September 19 2020 21:22']; // Menggunakan pecahan tanggal dan waktu var tanggalWaktuPecahan = new Date[2020, 8, 19, 21, 22, 0, 0]; console.log[tanggalWaktuTimestamp]; console.log[tanggalWaktuString]; console.log[tanggalWaktuPecahan];

Code language: HTML, XML [xml]

Masing-masing tanggal memiliki kesamaan, mungkin hanya pada unix timestamp yang berbeda pada bagian waktu, karena kadang-kadang unix timestamp tidak akurat, entah mengapa.

Berikut ini gambar dari hasil contoh kode tanggal dan waktu diatas.

Selain menampilkan tanggal dan waktu dengan format diatas, di javascript kita dapat mengambil satu persatu tanggal dan waktu untuk kebutuhan tertentu, yaitu dengan menggunakan get, dengan menggunakan get kita bisa mengambil data satu persatu seperti tahun, tanggal dan lain-lain.

Berikut ini tabel fungsi get…

FungsiKeterangan
getFullYear[] Tahun
getMonth[] Bulan
getDate[] Tanggal
getHours[] Jam
getMinutes[] Menit
getSeconds[] Detik
getMiliseconds[] Milidetik
getTime[] Mengambil format timestamp.

Dari tabel diatas anda bisa melihat bagaimana cara pengambilan format pecahan tanggal dan waktu, berikut ini penulis contohkan untuk mengambil tanggal, bulan, dan tahun.

var date = new Date[]; // Mengambil tanggal console.log[date.getDate[]]; // Mengambil bulan console.log[date.getMonth[]]; // Mengambil Tahun console.log[date.getFullYear[]];

Code language: HTML, XML [xml]

Yang perlu diperhatikan ketika kita menggunakan getMonth[], dimana awal bulan yaitu januari dimulai dari angka 0 sampai 11, sehingga januari adalah 0.

Bài mới nhất

Chủ Đề