Каляндар на JavaScript
У даным раздзеле мы рэалізуем каляндар. Для прастаты проста зробім так, каб каляндар вывадзіўся за бягучы месяц. Але з прыцэлам на тое, што яго можна будзе дапрацаваць так, каб можна было мяняць месяц і год. Вось ўзор таго, што ў нас павінна атрымацца:
Вось верстка, якую вы можаце выкарыстоўваць пры рашэнні задачы:
<div id="parent">
<div id="calendar">
<table>
<thead>
<tr>
<th>пн</th>
<th>аўт</th>
<th>ср</th>
<th>чц</th>
<th>пт</th>
<th>сб</th>
<th>нд</th>
</tr>
</thead>
<tbody class="body"></tbody>
</table>
</div>
</div>
#parent {
text-align: center;
}
#calendar {
display: inline-block;
}
#calendar td, #calendar th {
padding: 5px 12px;
border: 1px solid black;
text-align: center;
}
Адразу давайце атрымаем спасылкі на ўсе патрэбныя тэгі ў зменныя, а таксама запішам бягучыя месяц і год:
let calendar = document.querySelector('#calendar');
let body = calendar.querySelector('.body');
let date = new Date();
let year = date.getFullYear();
let month = date.getMonth();
Скапіруйце сабе прадстаўленыя мною загатоўкі кода.