Question

我正在尝试向我的fullcalendar插入一个事件，当我刷新页面时让它出现在那里，但由于某种原因它已经消失了。

    <script>
$(document).ready(function() {

    // page is now ready, initialize the calendar...

    $('#calendar').fullCalendar({
    header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,basicWeek,basicDay'
        },
        selectable: true,
        selectHelper: true,
        select: function(start, end) {
            var title = prompt('Event Title:');
            var eventData;
            if (title) {
                eventData = {
                    title: title,
                    start: start,
                    end: end
                };

                $('#calendar').fullCalendar('renderEvent', eventData, true);

            }
            $('#calendar').fullCalendar('unselect');
        },
    })

});
</script>

我也尝试更改代码，所以它看起来像这样

                    if (title)
                {
                    calendar.fullCalendar('renderEvent',
                        {
                            title: title,
                            start: start,
                            end: end,
                            allDay: allDay                          },
                        true 
                    );
                }
                calendar.fullCalendar('unselect');
            },

但我在页面上什么都没有，就像我错过了一些东西

Answer 1

刷新页面时数据会消失，因为您没有在任何地方保存新事件，也没有任何函数可以检索以前保存的事件。新事件仅存在于浏览器文档中。离开页面后，文档的数据将被丢弃。

您需要将数据保存在客户端或服务器端 - 然后您需要在每次加载页面时检索保存的数据。传统上，程序员通常在数据库中存储数据服务器端。 Client-side storage将数据存储在浏览器中，如果用户只需访问自己的数据但存在许多限制（例如，您的工作计算机和家庭计算机将保存不同的数据），则可能非常有用。

fullCalendar renderEvent不坚持

1 个答案: