Вставка дат в ячейки таблицы HTML

Question

Я хочу, чтобы ряд дат (в основном, месяц, день, год) отображался в вертикальном расположении ячеек таблицы на веб-странице. Первой датой должна быть текущая дата минус один день, а следующей датой в последовательности будет текущая дата. Остальные даты должны постепенно увеличиваться на один день в будущем до 16 дней.

Может кто-нибудь помочь мне разобраться, как это сделать? Я посмотрел и понял Javascript для манипулирования и отображения одной даты (сложение или вычитание), но не могу получить эту дату в ячейке, а также выяснить, как отображать другие несколько дат, упомянутых выше, в таблице HTML.

Answer 1

Попробуйте это:

HTML

<table id="myTable"></table>

JavaScript

var table = document.getElementById('myTable')
var myDate = new Date();
myDate.setDate(myDate.getDate() - 1)
for(var i = 0; i < 16; i++)
{
    var row = document.createElement('TR');
    var cell = document.createElement('TD');     
    cell.innerText = myDate.getDate() + "/" + (myDate.getMonth() + 1) + "/"  + myDate.getYear();
    myDate.setDate(myDate.getDate() + 1)
    row.appendChild(cell);
    table.tBodies[0].appendChild(row);
}

Answer 2

Вариант 1: Вы можете использовать запись вывода в документ как:

<table>
<tr>
  <td><script type="text/javascript">document.write(mydate);</script></td>
  ...
</tr>

Вариант 2: создать разметку в javascript и затем внедрить ее в DOM:

var markup = '<table>\
<tr>\
  <td>' + mydate + '</td>\
</tr>\
...
</table>';
document.getElementById('contentDiv').innerHTML = markup;

Где у вас есть элемент div на вашей странице:

<div id="contentDiv"></div>

Answer 3

Вы пробовали myDate.toString () или myDate.toDateString ()?

Что вам нужно сделать, это иметь некоторые переменные, содержащие дату ... Как это

var myDate = new Date();

Укажите любую дату, какую хотите, а затем сделайте это.

myDate.toDateString()

Вы можете создать свою таблицу в цикле в javascript и заполнить ее датами.

Помогло ли это?