Mėnesio ir metų atvaizdavimas kalendoriuje naudojant JavaScript
Ankstesnėse pamokose mes kartu sukūrėme tą kalendorių, kuris buvo pavyzdys pirmoje pamokoje. Dabar patobulinkime jį.
Pirmiausia padarykime taip, kad virš kalendoriaus būtų rodomas dabartinis mėnuo ir metai. Atlikime atitinkamus pakeitimus HTML kode:
<div id="parent">
<div id="calendar">
<div class="info">Sau 2020</div>
<table>
<thead>
<tr>
<th>pr</th>
<th>an</th>
<th>tr</th>
<th>kt</th>
<th>pn</th>
<th>št</th>
<th>sk</th>
</tr>
</thead>
<tbody class="body"></tbody>
</table>
</div>
</div>
Taip pat atlikime pakeitimus CSS kode:
#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;
}
Įgyvendinkite aprašytą dabartinio mėnesio ir dienos atvaizdavimą.
