在议程中资源和动态事件的Fullcalendar可视化错误

问题描述:

在动态资源中查看事件时遇到问题。 Mi代码是这样的,资源和事件被正确填充。资源在事件发生前被填充。在议程中资源和动态事件的Fullcalendar可视化错误

$('#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

请参阅如果你能帮助我,我会非常感激。

+0

这是每次都发生相同的事件/资源数据吗?或者是导致问题出现的不同数据?如果是这样的话,你应该给出一些有用的数据的例子,而不是用于比较的数据。 – ADyson

+0

另外,你会说“资源在事件发生之前被填满”。你怎么会知道这事?回调是否同步?如果他们都通过ajax获取数据,那么他们通常不是同步的,所以你不能依靠先完成的数据。话虽如此,我认为fullCalendar应对这种可能性,因为它明确鼓励通过ajax feed来填充它们。我怀疑这与你的问题有关。如果一个电话或另一个电话失败或返回不正确的数据,可能会出现问题。 – ADyson

+0

问题总是发生在相同的数据。我认为问题是因为资源,因为如果我把这些静态的,如果它看起来不错。 正是我所做的才能使它工作得很好,就是前进一天,然后返回并像图片一样正确地看。 但是,如果我刷新屏幕是当它加载不好。 – Jaime

我改变了加载fullcalendar的方式,首先通过ajax调用获取资源和事件,然后当我获得所有信息时,我加载了fullcalendar并正确运行。