Cara Memformat Tanggal di JavaScript

Objek Date bawaan JavaScript sulit dibaca dalam bentuk mentah. Untuk menampilkannya secara ramah kepada pengguna Indonesia, tanggal perlu diformat. Artikel ini membahas cara memformat tanggal di JavaScript.

toLocaleDateString()

<script>
const tgl = new Date();
console.log(tgl.toLocaleDateString("id-ID", {
    weekday: "long",
    day: "numeric",
    month: "long",
    year: "numeric"
}));
// "Sabtu, 4 Juli 2026"
</script>

Contoh Kasus: Format untuk Database (yyyy-mm-dd)

<script>
const tgl = new Date();
const iso = tgl.toISOString().slice(0, 10);
console.log(iso); // "2026-07-04"
</script>

Contoh Kasus: Format Manual dengan Padding

<script>
function formatTanggal(d) {
    const dd = String(d.getDate()).padStart(2, "0");
    const mm = String(d.getMonth() + 1).padStart(2, "0");
    const yyyy = d.getFullYear();
    return `${dd}-${mm}-${yyyy}`;
}
console.log(formatTanggal(new Date())); // "04-07-2026"
</script>

Kesimpulan

Gunakan toLocaleDateString("id-ID", opsi) untuk format ramah berbahasa Indonesia, toISOString() untuk format database, atau format manual dengan padStart() saat butuh susunan tertentu seperti dd-mm-yyyy.

Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi JavaScript (MDN).

Baca Juga

• Cara Menghitung Selisih Dua Tanggal di JavaScript
• Cara Menambahkan Hari ke Tanggal di JavaScript
• Cara Memvalidasi Alamat Email di JavaScript