Полный календарь для HTML5 LocalStorage

Question

Эй, ребята, я использую плагин Full Calender jQuery.

Я хотел сохранить события и получить их с помощью LocalStorage HTML5.

И я добился сохранения части с помощью JSON и вернул элемент из элемента localalstorage JSON Parse.

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"  }]

Полный каландр не выбирает правильное значение 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);

Answer 2

Спасибо за ваши усилия. Вот как я храню:

calendar.fullCalendar('renderEvent',{title: title,start: start,
                            end: end,
                            allDay: allDay,
                            description :'test',
                            save : localStorage.setItem("iCals"+eventIdLocal, JSON.stringify({"title": title, "start": start,"end" : end , "allDay" : allDay }))

                        } 

и вот как я получаю обратно:

var eventIdLocal = localStorage.getItem("getiCalsEventIdiCals");

        var title;

        valeventsiCals = '[';  

        for(i=1; i<=eventIdLocal; i++)
        {
            var numval = JSON.parse(localStorage.getItem("iCals"+i));

            valeventsiCals += '{"id" :"'+i+'"',
            valeventsiCals += ',"title" :"'+numval.title+'"',
            valeventsiCals += ',"start" :"'+numval.start+'"';

            if(i<eventIdLocal)
            valeventsiCals += "},";  
        }   

        valeventsiCals +='}]';