Menampilkan Bulan dan Tahun di Kalender dengan JavaScript
Dalam pelajaran sebelumnya, kita telah membuat kalender yang menjadi contoh di pelajaran pertama. Sekarang mari kita tingkatkan.
Untuk permulaan, mari kita buat agar di atas kalender ditampilkan bulan dan tahun saat ini. Mari kita lakukan perubahan yang sesuai pada kode HTML:
<div id="parent">
<div id="calendar">
<div class="info">Jan 2020</div>
<table>
<thead>
<tr>
<th>sen</th>
<th>sel</th>
<th>rab</th>
<th>kam</th>
<th>jum</th>
<th>sab</th>
<th>min</th>
</tr>
</thead>
<tbody class="body"></tbody>
</table>
</div>
</div>
Mari kita ubah juga kode CSS-nya:
#parent {
text-align: center;
}
#calendar {
display: inline-block;
}
#calendar td, #calendar th {
padding: 10px;
border: 1px solid black;
text-align: center;
}
#calendar .info {
text-align: center;
}
Implementasikan tampilan bulan dan hari saat ini seperti yang dijelaskan.
