Monday , April 12 2021
Home » JavaScript » Menampilkan Tanggal Di Javascript

Menampilkan Tanggal Di Javascript

Menampilkan Tanggal di Javascript

lebakcyber.net – Menampilkan tanggal di Javascript. Bertemu lagi kita pada tutorial belajar Javascript, dan sekarang ini kita akan membahas mengenai bagaimana cara untuk menampilkan sebuah tanggal dengan menggunakan Javascript.

Bukan hanya pada bahasa pemrograman PHP saja, di Javascript juga kita dapat menampilkan sebuah tanggal dengan berbagai format yang diinginkan, seperti misalnya menampilkan tanggal dengan format hari, bulan, menit, detik, tahun ataupun sebagainya.

Javascript sendiri menyediakan sebuah fungsi khusus yang dapat digunakan untuk menampilkan sebuah tanggal yaitu fungsi Date(), dan kalau kita ingin mengatur format tanggalnya, kita dapat menyesuaikannya dengan menambahkan sebuah parameter pada fungsi Date() tersebut.

Advertisements

Seperti yang sudah kita ketahui sebelumnya bahwa Javascript memiliki sifat case sensitife yang artinya sebuah penulisan pada Javascript sangat berpengaruh pada huruf kecil atau besar. Jadi untuk membuat sebuah tanggal kita harus menuliskan fungi Date() dengan benar atau dengan menggunakan huruf D besar dan bukan d kecil pada fungsi Date-nya.

Hal tersebut karena kalau kita menuliskan fungsi Date() dengan menggunakan huruf d kecil di depannya maka hasilnya tidak akan muncul. Jadi penulisan fungsinya harus diawali dengan huruf besar.

Advertisements

Langsung saja kita coba praktekan bagaimana cara untuk menampilkan tanggal dengan menggunakan sebuah fungsi Date(), silahkan buat sebuah file index.html baru lalu masukan perintah dibawah ini :

<!DOCTYPE html>
<html>
<head>
    <title>BCara Menampilkan Tanggal Menggunakan Javascript</title>
</head>
<body>
    <h1>Format Tanggal Pada Javascript</h1>
    <h2>lebakcyber.net</h2>
 
    <!-- id hasil -->
    <div id="tampil"></div>
 
    <script>
        var tanggal = new Date();
 
        document.getElementById("tampil").innerHTML = tanggal;
    </script>
</body>
</html>

Pada contoh diatas kita membuat sebuah fungsi Date() kedalam variabel tanggal selanjutnya untuk menampilkan fungsi dari tanggal tersebut kita hanya perlu memasukan perintah :

var tanggal = new Date();

document.getElementById("tampil").innerHTML = tanggal;

Nanti hasilnya akan seperti pada gambar dibawah ini :

menampilkan tanggal di Javascript

Atau misalnya kita ingin menampilkan sebuah tanggal dengan menggunakan Javascript dan juga dengan menggunakan format yang lain, maka kita bisa memasukan perintah seperti dibawah ini :

<!DOCTYPE html>
<html>
<head>
    <title>BCara Menampilkan Tanggal Menggunakan Javascript</title>
</head>
<body>
    <h1>Format Tanggal Pada Javascript</h1>
    <h2>lebakcyber.net</h2>
 
    <!-- id hasil -->
    <div id="tampil"></div>
 
    <script>
        var date = new Date();
var tahun = date.getFullYear();
var bulan = date.getMonth();
var tanggal = date.getDate();
var hari = date.getDay();
var jam = date.getHours();
var menit = date.getMinutes();
var detik = date.getSeconds();
switch(hari) {
 case 0: hari = "Minggu"; break;
 case 1: hari = "Senin"; break;
 case 2: hari = "Selasa"; break;
 case 3: hari = "Rabu"; break;
 case 4: hari = "Kamis"; break;
 case 5: hari = "Jum'at"; break;
 case 6: hari = "Sabtu"; break;
}
switch(bulan) {
 case 0: bulan = "Januari"; break;
 case 1: bulan = "Februari"; break;
 case 2: bulan = "Maret"; break;
 case 3: bulan = "April"; break;
 case 4: bulan = "Mei"; break;
 case 5: bulan = "Juni"; break;
 case 6: bulan = "Juli"; break;
 case 7: bulan = "Agustus"; break;
 case 8: bulan = "September"; break;
 case 9: bulan = "Oktober"; break;
 case 10: bulan = "November"; break;
 case 11: bulan = "Desember"; break;
}
var tampilTanggal = "Tanggal: " + hari + ", " + tanggal + " " + bulan + " " + tahun;
 
    document.getElementById("tampil").innerHTML = tampilTanggal;
    </script>
</body>
</html>

Nanti hasilnya akan seperti pada gambar dibawah ini :

menampilkan tanggal di Javascript

Pada contoh diatas kita sudah berhasil untuk menampilkan format tanggal pada Javascript sesuai dengan format yang kita inginkan yaitu dengan menampilkan nama hari serta tanggalnya.

Oke jadi seperti itulah bagaiman cara untuk menampilkan sebuah tanggal dengan menggunakan Javascript, cukup mudah bukan caranya. Semoga tutorial sederhana ini dapat bermanfaat dan sampai jumpa di tutorial belajar Javascript selanjutnya.

About Firdan Ardiansyah

Admin di lebakcyber.net Untuk berhubungan dengan saya, silahkan kirim email ke : firdan@lebakcyber.net

Check Also

Perulangan For di Javascript

Perulangan For di Javascript

Perulangan For di Javascript lebakcyber.net – Perulangan for di Javascript. Bertemu lagi di tutorial belajar …

Leave a Reply

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