在AgendaDay中使用资源和动态事件的Fullcalendar可视化错误

时间:2017-08-02 10:22:53

标签: javascript jquery angularjs fullcalendar fullcalendar-scheduler

在动态资源中查看事件时遇到问题。 Mi代码就是这样,资源和事件被正确填充。在事件发生之前填充资源。

$('#fullCalendar').fullCalendar({
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,agendaWeek,agendaDay',
                },
                defaultView: 'agendaDay',
                defaultDate: '2017-07-27',
                resources: function(callback, start, end, timezone) {
                    $scope.getResourcesFullCalendar(start, end, timezone, function(resourceObjects) {
                        debugger;
                        callback(resourceObjects);
                    });             
                },
                events: function( start, end, timezone, callback ){
                    $scope.getEventsFullCalendar(start, end, timezone, function(eventsObjects) {
                        callback(eventsObjects);
                    });
                },
                allDaySlot: false,
                nowIndicator : true,
                minTime: "08:00:00",
                maxTime: "22:00:00",
                editable: true,
                selectable: true
});

当回调函数填充资源和事件时,它看起来像这样。

View error

我想知道有时候看起来很糟糕的问题是什么,因为在其他时候它显示得很好,或者如果我改变了一天并且返回到当天已经正确显示。

View ok

请看看你是否可以帮助我,我会非常感激。

1 个答案:

答案 0 :(得分:0)

I changed the way to load the fullcalendar, first I got the resources and events through ajax calls and then when I had all the information, I loaded the fullcalendar and it worked correctly.