fullcalendar - 如何在 fullCalendar 中添加多个营业时间？

Question

有没有办法设置多个营业时间，或者在 FullCalendar 的议程 View 中将某些时间范围变灰？我在谷歌上搜索了几个小时，但没有找到任何有效的答案。

这是我尝试过的:

businessHours:
        [
        {
         start: '08:00', 
         end: '17:00', 
         dow: [ 1,2,3,4,5 ]

         },
         {
         start: '10:00', 
         end: '16:00', 
         dow: [ 6 ]

         }]

这是行不通的。 fullcalendar 将此数组识别为真值，并设置 businesHours 的默认值。

这有效:

 businessHours:

        {
         start: '08:00', 
         end: '17:00', 
         dow: [ 1,2,3,4,5 ]

         }

但我希望能够自定义每天的开放时间。有没有办法解决这个问题？如果我可以以某种方式在某些时间范围内添加一个 css 类来实现，但我不知道如何获取这些时间范围。由于议程 View ，渲染不起作用。

Answer 1

我想出了一个解决方案。这不是解决这个问题的最好方法，但它很容易理解和实现，直到我们在即将到来的更新中没有获得更可定制的 businessHours() 函数。

编码:

events: [
    {
        start: '00:00:00+02:00',
        end: '08:00:00+02:00',
        color: 'gray',
        rendering: 'background',
        dow: [1,2,3,4,5]
    },

    {
        start: '16:00:00+02:00',
        end: '24:00:00+02:00',
        color: 'gray',
        rendering: 'background',
        dow: [1,2,3,4,5]
    },

    {
        start: '00:00:00+02:00',
        end: '8:00:00+02:00',
        color: 'gray',
        rendering: 'background',
        dow: [6]
    },

    {
        start: '12:00:00+02:00',
        end: '24:00:00+02:00',
        color: 'gray',
        rendering: 'background',
        dow: [6]
    }
]

这将在日历中放置不可点击的背景事件，并且看起来像 businessHours() 的灰色，并将更改 议程周 和 议程日 从 00:00 到 08:00, 16 中每个插槽的背景颜色:00 到 24:00(从星期一到星期五 - dow:[1,2,3,4,5] )，以及从 00:00 到 08:00、12:00 到 24:00(星期六 - dow:[6] )。