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

Question

有没有办法在FullCalendar的议程视图中设置多个营业时间或灰显某些时间范围？我在谷歌搜索了几个小时,但我找不到任何正常的答案.

这是我尝试过的:

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

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

         }]

这不起作用.fullcalendar将此数组识别为true值,并设置businesHours的默认值.

这有效:

 businessHours:

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

         }

但我希望能够定制每天的开放时间.有什么方法可以解决这个问题吗？如果我能以某种方式将某个css类添加到某些时间范围,但我不知道如何获取这些时间范围.由于议程视图,渲染不起作用.

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之间更改agendaWeek和agendaDay中每个插槽的背景颜色: 00(周一至周五 - dow:[1,2,3,4,5]),00:00至08:00,12:00至24:00(周六 - 周六dow:[6]).