javascript - HTML テーブル セルへの日付の挿入

Question

Web ページのテーブル セルの垂直配置内に一連の日付 (主に月、日、年) を表示したいと考えています。最初の日付は、現在の日付から 1 日を引いた日付である必要があり、一連の次の日付は現在の日付である必要があります。

誰かがこれを行う方法を理解するのを手伝ってくれますか? 単一の日付を操作して表示する (加算または減算する) 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

myDate.toString() または myDate.toDateString() を試しましたか?

あなたがする必要があるのは、日付を保持するいくつかの変数を持つことです...このように

var myDate = new Date();

好きな日付を入れて、これを行います。

myDate.toDateString()

JavaScript のループでテーブルを作成し、日付を入力できます。

これは役に立ちましたか？

Answer 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>