您的日历 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);

创建计划后

您的日历 Ajax

Tui Calendar Ajax

javascript

calendar

fetch-api