Anzeige von Monat und Jahr im Kalender mit JavaScript
In den vorherigen Lektionen haben wir den Kalender erstellt, der als Vorbild in der ersten Lektion diente. Lassen Sie uns ihn nun verbessern.
Lassen Sie uns zunächst darüber bewirken, dass über dem Kalender der aktuelle Monat und das Jahr angezeigt werden. Nehmen wir die entsprechenden Änderungen am HTML-Code vor:
<div id="parent">
<div id="calendar">
<div class="info">Jan 2020</div>
<table>
<thead>
<tr>
<th>Mo</th>
<th>Di</th>
<th>Mi</th>
<th>Do</th>
<th>Fr</th>
<th>Sa</th>
<th>So</th>
</tr>
</thead>
<tbody class="body"></tbody>
</table>
</div>
</div>
Nehmen wir auch Änderungen am CSS-Code vor:
#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;
}
Implementieren Sie die beschriebene Anzeige des aktuellen Monats und Jahres.
