Question

我正在尝试将当前时间和日期存储在表格中。目前，在页面加载时，我的代码会更改日期以反映当前时间。

我的代码如下所示：

function currentDate() {
  var d = new Date();
  return d.toString();
}
window.onload = function() {
   localStorage.setItem("date", currentDate());
   $('#current-location').prepend('<tr<td>'+localStorage.getItem("date")+'</td>');
}

我试过console.log(localStorage)，所以我知道有一个日期在那里保存。但是，我想存储重新加载页面的日期（如第二次加载页面和出现2个日期等）我需要一个数组吗？如果是这样，我如何将数组内容添加到表中？

Answer 1

是的，您可以使用一个数组，并继续将日期推送到数组，如此

function currentDate() {
  var d = new Date();
  return d.toString();
}

var arr = JSON.parse(localStorage.getItem("date") || "[]");

arr.push(currentDate())

localStorage.setItem("date", JSON.stringify(arr));

arr.forEach(function(item) {
  $('#current-location').prepend('<tr><td>' + item + '</td></tr>');
});

FIDDLE

Answer 2

因此，我将一个对象添加为JSON并将其字符串化版本保存到localStorage中。作为概念证明，您可以使用以下内容：

1）在localStorage中初始化对象：

var listOfDates = {
  dates: []
};
localStorage.setItem('myDates', JSON.stringify(listOfDates));

根据您的需要，您可能希望将其放在“if（！localStorage.getItem（'myDates'））”

中

2）创建一个读取存储的函数，解析JSON，将项添加到dates数组，然后保存回localStorage：

addDateRowToTable = function() {

  var listOfDates = JSON.parse(localStorage.getItem('myDates'));
  listOfDates.dates.push(currentDate());
  localStorage.setItem('myDates', JSON.stringify(listOfDates));

  for(var i=0; i< listOfDates.dates.length; i++) {
   // do whatever you need to
  }
}

我希望这会有所帮助。

如何将多个前置日期存储到localStorage？

2 个答案: