Fullcalendar只是功能或BusinessHours的对面

Question

我正在我的项目中实施Fullcalendar，但我陷入其间，我想要的只是营业时间的对面，例如

营业时间

businessHours: 
    {
        dow: [0, 1, 2, 3, 4, 5, 6, 7 ],
        start: '08:00',
        end: '09:00' ,
    },

当我提供此代码时，然后在fullcalendar中它就像这样

这意味着它显示所有小时的灰色区域，但是8-9

我希望提供一个功能，用户可以给他的时间休息，然后在日历中，它会在特定的日期和时间有其他颜色。 我还想从db获取时间并显示为breakTime，但问题是我只能获取时间和日期而不是日期所以我怎样才能在事件中只显示日期和时间？

任何想法我怎样才能实现它。

Answer 1

我得到了答案，对于那些想要确切功能的人，只需在fullcalendar.js中添加此代码

 function F(e) {
            var i, r = n.businessHours,
                s = {
                    className: "fc-nonbusiness",
                    start: "09:00",
                    end: "17:00",
                    dow: [1, 2, 3, 4, 5],
                    rendering: "background"
                },
                o = I.getView();
            return r && (i = t.extend({}, s, "object" == typeof r ? r : {})), i ? (e && (i.start = null, i.end = null), T(E(i), o.start, o.end)) : []
        }

然后你可以用营业时间的欢呼来告诉你休息时间..！

Answer 2

如果您拥有FullCalendar 2.9.1或更高版本，则可以提供多个businessHours定义。因此，您可以将当天表示为两个（或更多）工作时间段，其间的中断显示为灰色。它完全不会有不同的颜色，但它至少会清楚工作时间是什么。例如：

    businessHours: [
    {
        dow: [1, 2, 3, 4, 5], // Monday - Friday
        start: '09:00',
        end: '12:30'
    },
    { 
        dow:[1, 2, 3, 4, 5], 
        start: '13:30', 
        end: '17:00'
    }
    ]

意味着在12:30到13:30之间休息一小时

如果你想从数据库中获取时间，我首先会问 - 什么是阻止你自己添加日期以创建一个事件？您可以在服务器上或在客户端中执行此操作，它取决于您。