Penggunaan Tanggal Dan Waktu 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.

<html>
<head>
	<script type="text/javascript">
		var tanggalWaktu = new Date();
		console.log(tanggalWaktu);
	</script>
</head>
</html>

Hasilnya…

Tanggal dan waktu pada javascript

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
SatSep192020205405GMT+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.

<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>

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.

<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>

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

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.