Kalendorius JavaScript

Šiame skyriuje mes įgyvendinsime kalendorių. Kad būtų paprasčiau, tiesiog padarysime taip, kad kalendorius rodytų einamąjį mėnesį. Bet su užuomina, kad jį bus galima patobulinti taip, kad galėtumėte keisti mėnesį ir metus. Štai pavyzdys to, ką turėtume gauti:

Štai išdėstymas, kurį galite naudoti sprendžiant užduotį:

<div id="parent">
	<div id="calendar">
		<table>
			<thead>
				<tr>
					<th>pr</th>
					<th>an</th>
					<th>tr</th>
					<th>kt</th>
					<th>pn</th>
					<th>št</th>
					<th>sk</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;
}

Iš karto gaukime nuorodas į visas reikalingas žymes kintamuosiuose, taip pat įrašykime einamuosius mėnesį ir metus:

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

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

Nusikopijuokite pateiktas mano kodo ruošinius.