Weergave van maand en jaar in een kalender in JavaScript
In de vorige lessen hebben we samen die kalender gemaakt die het voorbeeld was in de eerste les. Laten we hem nu verbeteren.
Laten we om te beginnen ervoor zorgen dat boven de kalender de huidige maand en het jaar worden getoond. Laten we de overeenkomstige wijzigingen in de HTML-code aanbrengen:
<div id="parent">
<div id="calendar">
<div class="info">Jan 2020</div>
<table>
<thead>
<tr>
<th>ma</th>
<th>di</th>
<th>wo</th>
<th>do</th>
<th>vr</th>
<th>za</th>
<th>zo</th>
</tr>
</thead>
<tbody class="body"></tbody>
</table>
</div>
</div>
Laten we ook wijzigingen in de CSS-code aanbrengen:
#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;
}
Implementeer de beschreven weergave van de huidige maand en dag.
