完全相反的特性或BusinessHours

Question

我在我的项目中实现了完整的日历，但我被困在中间，例如，我想要的是与工作时间相反的东西

营业时间

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

当我给出这个代码时，在完整的日历中，它是这样的

​

​

这意味着除了8-9小时外，所有时间都是灰色的。

我想给一个功能，用户可以给他的时间休息，然后在日历，它将在特定的日子和时间的其他颜色。此外，我还想从db获取时间并显示为breakTime，但问题是我只能获取时间和日期，而不是date，那么如何在事件中显示时间和时间呢？

你知道我怎么做到的吗。

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之间休息一小时

如果您更喜欢从DB获取时间，我首先要问--为了创建一个事件，什么可以阻止您自己添加日期？无论是在服务器上还是在客户端都可以这样做，这取决于你自己。