FullCalendar 4:通过AJAX进行的businessHours未显示在timeGridWeek中

问题描述

我正在渲染一个日历,每次选择其他资源时,该日历都会用businessHours和Events进行更新。

我面临的问题是与businessHours有关。我得到正确的JSON,因为它在resourceTimeGridDay中可以正常工作,但是当我切换到timeGridWeek businessHours时,则不会显示

我通过AJAX获取资源,并且返回的JSON的结构如下:

[
   {
      "id":"2-1","title":"Silvano","businessHours":[
         {
            "startTime":"08:00","endTime":"12:30","daysOfWeek":"[1]"
         },{
            "startTime":"14:00","endTime":"17:30",{
            "startTime":"08:00","endTime":"15:00","daysOfWeek":"[2]"
         },"daysOfWeek":"[3]"
         },"daysOfWeek":"[4]"
         },"daysOfWeek":"[5]"
         },"daysOfWeek":"[5]"
         }
      ],"eventColor":"#bdbdbd","servizi":[
         "2"
      ]
   }
]

将这些值复制/粘贴到日历呈现代码中,显示businessHours:

document.addEventListener('DOMContentLoaded',function() {
var calendarEl = document.getElementById('calendar');

  var calendar = new FullCalendar.Calendar(calendarEl,{
    initialView: 'timeGridWeek',businessHours: [{"startTime":"08:00","daysOfWeek":"[1]"},{"startTime":"14:00",{"startTime":"08:00","daysOfWeek":"[2]"},"daysOfWeek":"[3]"},"daysOfWeek":"[4]"},"daysOfWeek":"[5]"},"daysOfWeek":"[5]"}]
  });

  calendar.render();
});

但是我需要动态获取它们(可能每周不同)。我看过文档,但找不到任何答案。任何提示将不胜感激。

解决方法

通过在基于resourceTimeGrid的日历中添加自定义视图来解决问题:

export ANDROID_SDK_ROOT=$ANDROID_HOME