DATES DAN FORMATNYA

Berinteraksi dengan tanggal dan waktu adalah bagian penting dari pemrograman JavaScript. JavaScript menyediakan objek Date yang dibuat untuk memudahkan manipulasi tanggal dan waktu.

Objek Date pada Javascript

Objek Date dibuat dengan menggunakan kata kunci new dan diikuti dengan Date(). Tujuan dari objek ini adalah memanipulasi data yang berhubungan dengan tanggal dan waktu.

Contoh penciptaan objek Date:

let tanggalSekarang = new Date();
console.log(tanggalSekarang);

Baris kode di atas akan menampilkan tanggal dan waktu saat ini dalam format “yyyy-mm-ddT00:00:00Z”.

Cara Kerja Format Tanggal di JavaScript

Bahasa JavaScript memiliki beberapa metode bawaan yang digunakan untuk mem-format tanggal dan waktu. Beberapa metode tersebut antara lain getFullYear(),getMonth(),getDate(),getHours(),getMinutes(), dan getSeconds().

let d = new Date();
let tahun = d.getFullYear();
let bulan = d.getMonth();
let tanggal = d.getDate();
console.log(tahun, bulan, tanggal);

Dalam contoh di atas, metode getFullYear akan mencetak tahun dalam format empat digit, getMonth akan mencetak bulan dalam format angka (0 untuk Januari dan 11 untuk Desember), dan getDate akan mencetak tanggal.

Perhatikan!

Metode getMonth() dimulai dari 0, bukan dari 1.

Mengubah Format Tanggal

Mengubah format tanggal di JavaScript juga biasa disebut dengan “formatting date strings”. Ini utamanya digunakan saat kamu ingin menampilkan tanggal dalam format khusus.

Misalnya, kamu ingin menampilkan tanggal dalam format ‘dd-mm-yyyy’. Berikut ini adalah cara melakukannya:

let d = new Date();
let formattedDate = ("0"+d.getDate()).slice(-2) + "-" + ("0"+(d.getMonth()+1)).slice(-2) + "-" + d.getFullYear();
console.log(formattedDate);

Dalam kode di atas, ("0"+d.getDate()).slice(-2) digunakan untuk selalu menampilkan hari dalam dua digit. Jika hari adalah angka tunggal, 0 akan ditambahkan di depannya. Hal yang sama berlaku untuk bulan.

Kamu juga bisa menggunakan metode toLocaleDateString untuk mendapatkan tanggal dalam format lokal:

let d = new Date();
let formattedDate = d.toLocaleDateString();
console.log(formattedDate);

Metode ini akan menghasilkan format tanggal berdasarkan preferensi lokal pengguna. Format tanggal ini bisa berbeda-beda tergantung pada lokasi geografis dan bahasa pengguna.

Itu adalah beberapa dasar cara bekerja dengan tanggal dan formatnya di JavaScript. Selanjutnya, kamu bisa mengexplore lebih jauh tentang metode-metode objek Date lainnya dan bagaimana menggunakannya.