Format Tanggal pada JavaScript

Format Tanggal pada JavaScript

Berikut ini adalah contoh kode untuk mengatur format tanggal pada JavaScript dan mengimplementasikannya dalam HTML

JavaScript
// Mendapatkan tanggal saat ini
var tanggal = new Date();

// Mengatur format tanggal
var options = { year: 'numeric', month: 'long', day: 'numeric' };
var tanggalFormat = tanggal.toLocaleDateString('id-ID', options);

// Menampilkan tanggal dalam elemen HTML
document.getElementById('tanggal').innerHTML = tanggalFormat;
JavaScript
HTML
<!DOCTYPE html>
<html>
<head>
    <title>Format Tanggal</title>
</head>
<body>
    <h1>Tanggal Hari Ini:</h1>
    <p id="tanggal"></p>

    <script src="script.js"></script>
</body>
</html>
HTML

Pastikan Anda menyimpan kode JavaScript di dalam file dengan nama “script.js” dan file HTML dengan nama “index.html”. Kemudian, buka file “index.html” di browser untuk melihat hasilnya.

Output:

See the Pen Format Tanggal pada JavaScript by WebbizID (@De-Orchids) on CodePen.

Dalam contoh kode di atas, kita menggunakan objek Date dalam JavaScript untuk mendapatkan tanggal saat ini. Kemudian, kita menggunakan metode toLocaleDateString() untuk mengatur format tanggal sesuai dengan preferensi lokal (dalam hal ini, format tanggal Indonesia).

Kemudian, kita menampilkan tanggal yang diformat dalam elemen HTML dengan menggunakan metode getElementById() untuk mengakses elemen dengan ID “tanggal” dan mengubah kontennya menggunakan properti innerHTML.

Dengan menggunakan kode di atas, Anda dapat mengatur format tanggal sesuai kebutuhan Anda dan menampilkannya dalam halaman HTML Anda.

Semoga contoh kode di atas bermanfaat bagi Anda dalam mengatur format tanggal pada JavaScript dan mengimplementasikannya dalam HTML.

Leave a Reply

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