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.
<html>
<head>
<script type="text/javascript">
var tanggalWaktu = new Date();
console.log(tanggalWaktu);
</script>
</head>
</html>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.
| Hari | Bulan | Tanggal | Tahun | Jam | Menit | Detik | Zona 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.
| Parameter | Penjelasan |
|---|---|
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.
<html>
<head>
<script type="text/javascript">
// 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);
</script>
</head>
</html>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…
| Fungsi | Keterangan |
|---|---|
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.
<html>
<head>
<script type="text/javascript">
var date = new Date();
// Mengambil tanggal
console.log(date.getDate());
// Mengambil bulan
console.log(date.getMonth());
// Mengambil Tahun
console.log(date.getFullYear());
</script>
</head>
</html>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.
Dian