Visualizzazione del mese e dell'anno nel calendario in JavaScript
Nelle lezioni precedenti abbiamo realizzato il calendario che era l'esempio nella prima lezione. Ora miglioriamolo.
Per cominciare, facciamo in modo che sopra il calendario vengano mostrati il mese e l'anno corrente. Apportiamo le modifiche corrispondenti al codice HTML:
<div id="parent">
<div id="calendar">
<div class="info">Gen 2020</div>
<table>
<thead>
<tr>
<th>lun</th>
<th>mar</th>
<th>mer</th>
<th>gio</th>
<th>ven</th>
<th>sab</th>
<th>dom</th>
</tr>
</thead>
<tbody class="body"></tbody>
</table>
</div>
</div>
Apportiamo modifiche anche al codice 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;
}
Implementa la visualizzazione descritta del mese e del giorno corrente.
