@webviktor

Как сделать таблицу с днями недели +1?

Подскажите пожалуйста как реализовать на странице сайта (обычный html)?

В заголовках колонок нужно динамически выводить название текущего дня. В последующих соотв. +1
Т.е. например сегодня Среда, соотв. в названии первой колонки Среда, а в следующих далее Четверг, Пятница. И так 7 столбцов на все дни недели.

Таблица:
<table>
<thead>
<tr>
<th>Текущий день</th>
<th>+1</th>
<th>+2</th>
<th>+3</th>
<th>+4</th>
<th>+5</th>
<th>+6</th>
</tr>
</thead>
<tbody>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
<td>444</td>
<td>555</td>
<td>666</td>
<td>777</td>
</tr>
</tbody>
</table>
  • Вопрос задан
  • 590 просмотров
Решения вопроса 2
Xuxicheta
@Xuxicheta
инженер
<table>
<tr id="weekRow">
</tr>
</table>


(() => {
  const weekRow = document.getElementById('weekRow');
  let date = new Date();
  Array.from(Array(7), () => document.createElement('td'))
    .forEach(td => {
      td.textContent = date.toLocaleString('ru', {
        weekday: 'short'
      });
      date.setDate(date.getDate() + 1);
      weekRow.appendChild(td);
    });
})();
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
hzzzzl
@hzzzzl
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы