我希望在网页上的表格单元格的垂直排列中显示一系列日期(主要是月,日,年)。第一个日期需要是当前日期减去一天,序列中的下一个日期是当前日期,剩余日期需要逐渐增加到将来的一天到16天。
有人可以帮我解释如何做到这一点吗?我已经查看并理解了一个Javascript来操作和显示单个日期(添加或减去),但是我无法在单元格中获取该日期,也无法弄清楚如何在HTML表格中显示上面提到的其他多个日期。
答案 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>