javascript - 全日历中的多个工作时间，每天两类

Question

我已将完整的日历集成到我的网站中。我的要求之一是从数据库中获取营业时间并将其呈现在日历上。所以基本上每天都有两个类次(早上和晚上)。我需要能够使用从数据库中填充的值创建一组营业时间。开箱即用，我能够使用以下代码来呈现常见的营业时间。

businessHours:
  {
    start: '10:00:00',
    end: '16:00:00',
    dow: [0,1,2,3,4,5,6]
  },

我想实现这样的目标:

businessHours:[
{
  start: '10:00:00',
  end: '13:00:00',
  dow: [0]
},
{
  start: '14:00:00',
  end: '19:00:00',
  dow: [0]
},
{
  start: '09:00:00',
  end: '12:00:00',
  dow: [1]
},
{
  start: '12:30:00',
  end: '18:00:00',
  dow: [1]
},
]

如果完整日历的现有属性无法做到这一点，是否还有其他方法可以实现？提前谢谢你。

Answer 1

我也需要相同的功能。我将 repo fork 到

https://github.com/dtmonterrey/fullcalendar

并实现了适合我的解决方案。它适用于单个 businessHours 定义或一组 businessHours 定义(如您尝试的示例)。

例子:

    businessHours:[ 
        {
            start: '09:00',
            end: '13:00',
            dow: [1, 2]
        },
        {
            start: '14:00',
            end: '16:00',
            dow: [1, 2]
        },
        {
            start: '10:00',
            end: '19:00',
            dow: [4]
        },
        {
            start: '06:00',
            end: '10:30',
            dow: [6]
        },
        {
            start: '13:00',
            end: '17:00',
            dow: [6]
        },
        {
            start: '20:00',
            end: '23:00',
            dow: [6]
        }
    ]

我已经创建了一个拉取请求。欢迎提出建议。

示例和演示

我无法让 jsfiddle 工作，所以演示

http://jsfiddle.net/t7aczbdt/

在这里

http://eo14.com/static/fullcalendar/

你可以在你的电脑上试试:解压这个 http://eo14.com/static/fullcalendar.zip并使用您的浏览器打开。