全日历多个营业时间,每天两班

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

我也需要相同的功能.我把回购分开了

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并使用浏览器打开.