Tui日历Ajax

Question

我有一个很奇怪的问题，我搞不懂。

如果我在请求之外创建时间表，那么一切都很好，因此如下所示：

   me.calendar = new tui.Calendar(document.getElementById(`${me.id}-calendar`), {
        defaultView: 'week',
        taskView: false,
        useCreationPopup: true,
        useDetailPopup: true,
        week: {
            daynames: ['Du', 'Lu', 'Ma', 'Mi', 'Jo', 'Vi', 'Sa'],
            narrowWeekend: false,
            startDayOfWeek: 1
        }
    });

    let startDate = new Date(me.calendar.getDateRangeStart()._date);
    let endDate = new Date(me.calendar.getDateRangeEnd()._date);

    me.calendar.createSchedules(events);

就像预期的那样工作。但是，如果这些事件是从服务器动态加载的，如下所示：

   me.calendar = new tui.Calendar(document.getElementById(`${me.id}-calendar`), {
        defaultView: 'week',
        taskView: false,
        useCreationPopup: true,
        useDetailPopup: true,
        week: {
            daynames: ['Du', 'Lu', 'Ma', 'Mi', 'Jo', 'Vi', 'Sa'],
            narrowWeekend: false,
            startDayOfWeek: 1
        }
    });

    let startDate = new Date(me.calendar.getDateRangeStart()._date);
    let endDate = new Date(me.calendar.getDateRangeEnd()._date);

    fetch('/get-events?startDate=' + startDate.toISOString().split('T')[0] + '&endDate=' + endDate.toISOString().split('T')[0], {
        headers: {"Content-Type": "application/json; charset=utf-8"}
    }).then(function (response) {
        response.json().then(function (response) {
            me.calendar.createSchedules(response.events);
        });
    });

日程表被创建了，这一点我很确定，但问题是，由于某些原因，日历的高度被设置为0，而我不知道为什么

Answer 1

对于仍然面临这个问题的任何人，我通过添加

me.calendar.toggleScheduleView(true);

在创建计划之后