如何从电子表格显示时间戳到 html 表

Question

在我之前的帖子中，我需要刷新我的桌子。 现在，我使用应用脚本创建了一个网站，并且我有这个登录表单，一旦你输入一些信息，它将存储在我的电子表格中，上面有时间戳。 但是，时间戳没有显示在表格上。 有没有办法来解决这个问题？

但是，当值存储在 SS 中时，表格上不会显示任何内容。 我仍然需要将 A 列的格式样式更改为“纯文本”，以便 AD 列中的所有值都将显示到此表中：

我已经调查了这个答案，但我不知道该怎么做。 正在添加从谷歌表格到 html 的解析时间和日期信息。

有人能帮我吗？ 这很令人沮丧，整整一周都在努力。

这是我的代码：

 <script> document.addEventListener("DOMContentLoaded",function(){ google.script.run.withSuccessHandler(generateTable).getOnline(); setInterval(() => { document.getElementById("tablebody").innerHTML = ""; google.script.run.withSuccessHandler(generateTable).getOnline(); google.script.run.withSuccessHandler(getOnline).generateTable(); }, 5000); // run the function every 5 seconds }); function generateTable(dataArray){ var tbody = document.getElementById("tablebody"); var tbody1 = document.getElementById("tablebody").innerHTML; dataArray.forEach(function(r){ var row = document.createElement("tr"); var col1 = document.createElement("td"); col1.textContent = r[0]; var col2 = document.createElement("td"); col2.textContent = r[1]; var col3 = document.createElement("td"); col3.textContent = r[2]; var col4 = document.createElement("td"); col4.textContent = r[3]; // modified code row.appendChild(col1); row.appendChild(col2); row.appendChild(col3); row.appendChild(col4); tbody.appendChild(row); }); } </script>

 table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } td, th { border: 1px solid #dddddd; text-align: left; padding: 8px; } th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: teal; color: white; } tr:nth-child(even) { background-color: #dddddd; } tr:hover {background-color: #f5f5f5;} input[type=text], select { width: 95%; padding: 10px 10px; margin: 5px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; }

 <h1> Current Users</h1> <p> The table will automatically refresh every 5 seconds to display new users </p> <table> <tr> <th>Timestamp</th> <th>Name</th> <th>Last Name</th> <th>SHIFT</th> </tr> <tbody id="tablebody"> </table>

这是我的代码 on.gs

function getOnline(){

    var ss = SpreadsheetApp.openByUrl(url);
    var ws = ss.getSheetByName("UserLogins");
    var data = ws.getRange(3, 1, ws.getLastRow()-1,4).getValues();
    Logger.log(data);
    return data;    
} 

提前谢谢你：新年快乐:)

Answer 1

您忘记将3rd元素传递给col4 ，而是将2nd个元素传递了两次。

将dataArray.forEach代码替换为：

dataArray.forEach(function(r){
  var row = document.createElement("tr");
  var col1 = document.createElement("td");
  col1.textContent = r[0];
  var col2 = document.createElement("td");
  col2.textContent = r[1];
  var col3 = document.createElement("td");
  col3.textContent = r[2];
  var col4 = document.createElement("td");
  col4.textContent = r[3]; // modified code
  row.appendChild(col1);
  row.appendChild(col2);
  row.appendChild(col3);
  row.appendChild(col4);
  tbody.appendChild(row);
});