Pelajari tanggal JavaScript lengkap mulai dari Date(), getFullYear(), getTime(), getDay(), UTC, hingga menampilkan jam.

Tanggal JavaScript Lengkap untuk Pemula

 

Pembukaan

JavaScript menyediakan object Date untuk mengelola tanggal dan waktu. Fitur ini sangat penting dalam pengembangan website modern seperti monitoring server, analytic camera system, log CCTV, dashboard realtime, dan sistem keamanan jaringan.

Dalam sistem profesional seperti Haikal IT Support, object Date digunakan untuk:

• Timestamp CCTV

• Log server

• Monitoring realtime

• Analytic event

• Jadwal maintenance jaringan

Berikut penjelasan lengkap tanggal JavaScript.

---

1. Gunakan Date() untuk Menampilkan Tanggal dan Waktu Hari Ini

Contoh Kode

console.log(Date());

Hasil Demo

Fri May 15 2026 10:30:00 GMT+0700

Penjelasan

• Date() menampilkan tanggal dan waktu saat ini.

---

2. Gunakan getFullYear() Menampilkan Tahun

Contoh Kode

let tanggal = new Date();

console.log(tanggal.getFullYear());

Hasil Demo

2026

Penjelasan

• Mengambil tahun lengkap dari tanggal.

---

3. Gunakan getTime() Menghitung Milidetik Sejak 1970

Contoh Kode

let tanggal = new Date();

console.log(tanggal.getTime());

Hasil Demo

1778832000000

Penjelasan

• Menghasilkan timestamp Unix dalam milidetik.

• Dihitung sejak:

  1 Januari 1970
  

---

4. Gunakan setFullYear() Menetapkan Tahun Tertentu

Contoh Kode

let tanggal = new Date();

tanggal.setFullYear(2030);

console.log(tanggal);

Hasil Demo

Wed May 15 2030

Penjelasan

• Mengubah tahun pada object Date.

---

5. Gunakan toUTCString() Mengubah Tanggal Menjadi UTC

Contoh Kode

let tanggal = new Date();

console.log(tanggal.toUTCString());

Hasil Demo

Fri, 15 May 2026 03:30:00 GMT

Penjelasan

• Mengubah waktu lokal menjadi format UTC.

---

6. Gunakan getDay() Menampilkan Hari sebagai Angka

Contoh Kode

let tanggal = new Date();

console.log(tanggal.getDay());

Hasil Demo

5

Penjelasan

Angka	Hari
0	Minggu
1	Senin
2	Selasa
3	Rabu
4	Kamis
5	Jumat
6	Sabtu

---

7. Gunakan getDay() dan Array untuk Menampilkan Nama Hari

Contoh Kode

let hari = [
  "Minggu",
  "Senin",
  "Selasa",
  "Rabu",
  "Kamis",
  "Jumat",
  "Sabtu"
];

let tanggal = new Date();

console.log(hari[tanggal.getDay()]);

Hasil Demo

Jumat

Penjelasan

• Array digunakan untuk mengubah angka menjadi nama hari.

---

8. Menampilkan Jam

Contoh Kode

let tanggal = new Date();

console.log(tanggal.getHours());

Hasil Demo

10

Penjelasan

• Mengambil jam saat ini.

---

Menampilkan Menit dan Detik

Contoh Kode

let tanggal = new Date();

console.log(
  tanggal.getHours() + ":" +
  tanggal.getMinutes() + ":" +
  tanggal.getSeconds()
);

Hasil Demo

10:30:45

---

Penyebab Error Date JavaScript

Beberapa kesalahan umum:

• Salah penulisan new Date()

• Menggunakan method yang salah

• Salah format tanggal

• Mengakses method tanpa object Date

---

Cara Mengatasi Error Date

1. Gunakan new Date()

Salah:

let tanggal = Date;

Benar:

let tanggal = new Date();

---

2. Pastikan Method Benar

Salah:

tanggal.getyear();

Benar:

tanggal.getFullYear();

---

Contoh Kasus

Kasus:

Dashboard CCTV membutuhkan timestamp realtime.

Solusi:

let sekarang = new Date();

console.log(
  sekarang.getHours() + ":" +
  sekarang.getMinutes() + ":" +
  sekarang.getSeconds()
);

Hasil Demo

10:30:45

---

Tips Tambahan

• Gunakan getTime() untuk timestamp database.

• Gunakan UTC untuk sinkronisasi server.

• Gunakan array untuk nama hari dan bulan.

• Gunakan setInterval() untuk jam realtime.

---

Internal Link

Artikel terkait di Haikal IT Support:

• Nomor JavaScript

• Matematika JavaScript

• Fungsi JavaScript

• Variabel JavaScript

• Dasar JavaScript

---

Kesimpulan

Object Date JavaScript digunakan untuk mengelola tanggal dan waktu dalam website modern. JavaScript menyediakan banyak method seperti getFullYear(), getTime(), getDay(), toUTCString(), dan getHours() untuk memproses data waktu secara realtime.

Pemahaman tanggal JavaScript sangat penting dalam pengembangan dashboard monitoring CCTV, analytic camera system, server management, dan network system profesional di Haikal IT Support.