Loading...
Beranda
Java

Penggunaan Waktu dan Tanggal Pada JavaScript



Hallo sobat kali ini kita akan membahas cara menampilkan waktu dan tanggal dengan menggunakan java sctript. Dalam pemograman tentunya waktu dan tanggal sangat penting, tangga dan waktu pada java script secar bawaan mengambil data dari browser atau dari komputer pengguna.

Java script menyediakan funcion Date() dan jika ingin mengatur tanggalnya kamu bisa menggunakan parameter pada fungcion Date() tersebut.
 
Berikut adalah contoh dengan menggunakan funcion Date().

<!DOCTYPE html>
<html>
  <head>
    <title>BCara Menampilkan Tanggal Menggunakan Javascript</title>
  </head>
  <body>
    <h1>Format Tanggal Pada Javascript</h1>
    <h2>hidayatcode.xyz</h2>

    <!-- id hasil -->
    <div id="tampil"></div>

    <script>
      var tanggal = new Date();

      document.getElementById("tampil").innerHTML = tanggal;
    </script>
  </body>
</html>
Selain contoh di atas kamu juga bisa menggunakan class date yang di dalamnya menyimpan objec tanggal dan waktu.
<html>
<head>
	<script type="text/javascript">
		var tanggalWaktu = new Date();
		console.log(tanggalWaktu);
	</script>
</head>
</html>
Hasilnya seperti di bawah ini.

Selain dapat menentukan waktu dan tanggal saat ini, kamu juga bisa menentukan secara manual.
ParameterKeterangan
Date(timestamp)Menentukan tanggal dan waktu menggunakan format unix timestamp.
Date(string)Menentukan tanggal dan waktu menggunakan string tanggal dan waktu. Contoh: February 19 2022 21:14
Date(tahun, bulan, hari, jam, menit, detik, milidetik)Menentukan tanggal dan waktu berdasarkan pecahan format tanggal dan waktu.
Untuk contoh class Date() di atas.
<html>
<head>
	<script type="text/javascript">
		// Menggunakan unix timestamp
		var tanggalWaktuTimestamp = new Date(1600525320000);

		// Menggunakan string
		var tanggalWaktuString = new Date('February 19 2023 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>
Selain bisa menampilkan format waktu di atas, javascript juga bisa menampilkan waktu untuk kebutuhan tertentu dengan menggunakan fungsi get  beriktu adalah fungsi tabelnya.
FungsiKeterangan
getFullYear()Tahun
getMonth()Bulan
getDate()Tanggal
getHours()Jam
getMinutes()Menit
getSeconds()Detik
getMiliseconds()Milidetik
getTime()Mengambil format timestamp
Beriktu contoh penulisan format datanya.
<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>
Demikian tutorialnya
IT Enthusiast

Posting Komentar