问题描述
我正在渲染一个日历,每次选择其他资源时,该日历都会用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