JavaScriptda kalendarida oy va yilni chiqarish
Oldingi darslarda biz siz bilan birinchi darsda namuna bo'lgan kalendarni yasadik. Keling endi uni yaxshilaymiz.
Boshlanish uchun, keling, kalendar ustida joriy oy va yil ko'rsatilishi uchun o'zgartirishlar kiritamiz. HTML kodiga mos o'zgartirishlarni kiritamiz:
<div id="parent">
<div id="calendar">
<div class="info">Yan 2020</div>
<table>
<thead>
<tr>
<th>dush</th>
<th>sesh</th>
<th>chor</th>
<th>pay</th>
<th>jum</th>
<th>shan</th>
<th>yak</th>
</tr>
</thead>
<tbody class="body"></tbody>
</table>
</div>
</div>
Shuningdek, CSS kodiga ham o'zgartirishlar kiritamiz:
#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;
}
Tasvirlangan joriy oy va kunni chiqarishni amalga oshiring.
