जावास्क्रिप्ट में कैलेंडर में महीना और वर्ष प्रदर्शित करना

पिछले पाठों में, हमने वह कैलेंडर बनाया था जो पहले पाठ में नमूने के रूप में था। आइए अब इसे और बेहतर बनाते हैं।

शुरुआत के लिए, आइए ऐसा करें कि कैलेंडर के ऊपर वर्तमान महीना और वर्ष दिखाई दे। HTML कोड में संबंधित बदलाव करें:

<div id="parent">
	<div id="calendar">
		<div class="info">जनवरी 2020</div>
		<table>
			<thead>
				<tr>
					<th>सोम</th>
					<th>मंगल</th>
					<th>बुध</th>
					<th>गुरु</th>
					<th>शुक्र</th>
					<th>शनि</th>
					<th>रवि</th>
				</tr>
			</thead>
			<tbody class="body"></tbody>
		</table>
	</div>
</div>

CSS कोड में भी बदलाव करें:

#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;
}

वर्णित वर्तमान महीने और दिन के प्रदर्शन को लागू करें।