在 HTML 表格单元格中插入日期答案

【问题标题】：Inserting Dates into HTML Table Cells在 HTML 表格单元格中插入日期
【发布时间】：2016-01-20 17:47:16
【问题描述】：

我希望在网页上垂直排列的表格单元格中显示一系列日期（主要是月、日、年）。第一个日期需要是当前日期减去一天，序列中的下一个日期是当前日期，其余日期需要在未来的一天内递增到 16 天。

有人可以帮我弄清楚如何做到这一点吗？我已经查看并理解了用于操作和显示单个日期（加或减）的 Javascript，但无法在单元格中获取该日期，也无法弄清楚如何在 HTML 表中显示上述其他多个日期。

【问题讨论】：

【解决方案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);
}

【讨论】：

【解决方案2】：

您是否尝试过 myDate.toString() 或 myDate.toDateString()？

你需要做的是有一些变量来保存日期......像这样

var myDate = new Date();

在其中输入您喜欢的任何日期，然后执行此操作。

myDate.toDateString()

您可以在 javascript 中循环创建表格并用日期填充它。

这有帮助吗？

【讨论】：

【解决方案3】：

选项 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>

【讨论】：

未来读者注意事项：选项 2依赖文档作为 unix 样式的换行符存储和/或发送！这种“黑客”不可移植。