javascript - HTML5 LocalStorage 的全日历

Question

我正在使用 Full Calender jQuery 插件。

我想存储事件并通过 LocalStorage HTML5 检索。

我已经使用 JSON 实现了存储部分，并通过 JSON Parse 从 localstorage 项目中取回了该项目。

nw 当我循环遍历 JSON 值(超过 50 个值)并将其分配给事件对象时，它无法正常工作。

这是我的循环(样本)

var vEvents = '[';
    
for(i=1; i<=1; i++)
{
    vEvents += '{ "title": "new appointment", "start": "12-MAR-2012 14:00"  }';
}

vEvents += ']';

它像这样赋值

events: vEvents,

这是控制台日志 o/p :-

[{ "title": "new appointment", "start": "12-MAR-2012 14:00"  }]

fullcalender 没有获取正确的 o/p ，而如果我像下面那样(静态)它工作正常。

var vEvents = [{ "title": "new appointment", "start": "12-MAR-2012 14:00"  }];

同样请帮助我。

Answer 1

在第一种情况下，您只是附加一个字符串，而 fullcalendar 需要一个对象(这就是第二种情况有效的原因)。在将数据存储到 localStorage 之前，只需将其转换为 JSON 字符串即可。

localStorage.eventsList = JSON.stringify(vEvents);

并在从存储中检索时将其转换回对象

var events = JSON.parse(localStorage.eventsList);