Wyświetlanie miesiąca i roku w kalendarzu w JavaScript
W poprzednich lekcjach stworzyliśmy ten kalendarz, który był wzorem w pierwszej lekcji. Teraz go ulepszmy.
Na początek zróbmy tak, aby nad kalendarzem wyświetlał się bieżący miesiąc i rok. Wprowadźmy odpowiednie zmiany w kodzie HTML:
<div id="parent">
<div id="calendar">
<div class="info">Sty 2020</div>
<table>
<thead>
<tr>
<th>pn</th>
<th>wt</th>
<th>śr</th>
<th>czw</th>
<th>pt</th>
<th>sob</th>
<th>niedz</th>
</tr>
</thead>
<tbody class="body"></tbody>
</table>
</div>
</div>
Wprowadźmy również zmiany w kodzie 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;
}
Zaimplementuj opisane wyświetlanie bieżącego miesiąca i dnia.
