Kalendar dalam JavaScript

Dalam bahagian ini, kami akan melaksanakan kalendar. Untuk memudahkan, kami akan buat supaya kalendar dipaparkan untuk bulan semasa. Tetapi dengan harapan ia boleh ditambah baik kemudian supaya bulan dan tahun boleh ditukar. Inilah contoh apa yang sepatutnya kami hasilkan:

Inilah susun atur yang anda boleh gunakan apabila menyelesaikan masalah:

<div id="parent">
	<div id="calendar">
		<table>
			<thead>
				<tr>
					<th>Isn</th>
					<th>Sel</th>
					<th>Rab</th>
					<th>Kha</th>
					<th>Jum</th>
					<th>Sab</th>
					<th>Ahd</th>
				</tr>
			</thead>
			<tbody class="body"></tbody>
		</table>
	</div>
</div>

#parent {
	text-align: center;
}
#calendar {
	display: inline-block;
}
#calendar td, #calendar th {
	padding: 5px 12px;
	border: 1px solid black;
	text-align: center;
}

Mari kita serta merta dapatkan pautan kepada semua tag yang diperlukan dalam pembolehubah, dan juga catat bulan dan tahun semasa:

let calendar = document.querySelector('#calendar');
let body = calendar.querySelector('.body');

let date  = new Date();
let year  = date.getFullYear();
let month = date.getMonth();

Salin kepada diri anda cebisan kod yang saya berikan.