Tanggal dan Hari ini dengan JavaScript

Table of Contents

JavaScript Get Current Date Today's - Terkadang kita perlu memunculkan Hari, Tanggal, Bulan dan Tahun ini di Web / Blog. Misalkan untuk Blog Promosi, Jadwal Sholat, Jadwal Imsak dll.

JavaScript

Untuk memunculkan hari dan tanggal cukup simpan Script ini di tempat yang akan dimunculkan.

var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum'at', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),
    thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month] + ' ' + year);

Kostumisasi

Untuk merubah tampilan warna, besaran huruf, dll.. Sobat biasa tambahkan class seperti dibawah ini

<div class="tanggal">
<script type='text/javascript'>
var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum&#39;at', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),
    thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month] + ' ' + year);
</script>
</div>

CSS

Contoh CSS seperti di bawah ini, silahkan dimodifikasi sesuai keinginan.

.tanggal{
  font-family:Arial, sans-serif;
  color:red;
  font-size:18px;
}

Output

Untuk hasilnya silahkan lihat di bawah