将日期插入HTML表格单元格

时间:2009-01-30 20:04:19

标签: javascript html date html-table

我希望在网页上的表格单元格的垂直排列中显示一系列日期(主要是月,日,年)。第一个日期需要是当前日期减去一天,序列中的下一个日期是当前日期,剩余日期需要逐渐增加到将来的一天到16天。

有人可以帮我解释如何做到这一点吗?我已经查看并理解了一个Javascript来操作和显示单个日期(添加或减去),但是我无法在单元格中获取该日期,也无法弄清楚如何在HTML表格中显示上面提到的其他多个日期。

3 个答案:

答案 0 :(得分: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);
}

答案 1 :(得分:0)

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

你需要做的是让一些变量持有日期......就像这样

var myDate = new Date();

把你喜欢的日期放在里面,然后这样做。

myDate.toDateString()

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

这有帮助吗?

答案 2 :(得分:0)

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