jquery - fullCalendar viewRender使用ajax无限循环

Question

我正在尝试设置一个日历，其中营业时间可以全年变化。例如，营业时间为中午 12:00-10:00 的冰淇淋店。每年5月30日至10月1日。我已经弄清楚如何通过 ajax 调用从服务器获取营业时间；但我想确保如果用户在营业时间发生变化的 View 之间移动，它们也会更新。再次以冰淇淋店为例，如果用户从 5 月 30 日之前的一周开始，然后导航到 5 月 30 日这一周，则businessHours应该发生变化。

为此，我在 viewRender 函数中使用 jquery 的 $.post (如下所示)

viewRender: function(view, element){
               $.post("calendar_constraint_ajax.php", {start:    view.start.format(), end: view.end.format()}, function(json_bh) {
                if(json_bh != 'error')
                {
                    var bh = JSON.parse(json_bh);
                    $('#calendar').fullCalendar('option', {businessHours: bh, selectConstraint: "businessHours"});
                }
            });
        }

我收到了预期的营业时间变更。但有东西反复调用服务器:view of Network in Chrome Developer Tools

当我不包含 AJAX 调用时，这似乎只运行一次，但使用 $.post 时，它似乎陷入了无限循环。

我有两个问题:1.) 为什么它不断调用服务器？2.)当日期范围发生变化时，是否有更好的方法来更新businessHours属性？ (我对 fullCalendar 还很陌生。)

Answer 1

看起来问题还没有解决 https://github.com/fullcalendar/fullcalendar/issues/3519

所以交替地，我解决了这个肮脏的问题。

viewRender: () => {
    if(!this.initComplte) {
        this.renderCalendarEvents();
        this.initComplte = true;
    }
})