javascript – HTML5 LocalStorage的Fullcalendar

前端之家收集整理的这篇文章主要介绍了javascript – HTML5 LocalStorage的Fullcalendar前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
嘿家伙我正在使用Full Calender jQuery插件.

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

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

当我循环通过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"  }];

请帮助我.

解决方法

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

localStorage.eventsList = JSON.stringify(vEvents);

从商店检索时将其转换回对象

var events = JSON.parse(localStorage.eventsList);
原文链接:https://www.f2er.com/js/646134.html

猜你在找的JavaScript相关文章