正對功能或BusinessHours的Fullcalendar

Question

我在我的項目中實施Fullcalendar，但我陷入其中，例如，我想要的只是營業時間

在營業時間

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

當我給出這段代碼時，在全日歷中它會像這樣

這表示除8-9以外的所有時間都顯示灰場

我想提供一個功能，用戶可以給他一個休息時間，然后在日歷中它將在特定的日期和時間顯示其他顏色。 我也想從數據庫中獲取時間並顯示為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之間有一個小時的休息時間

如果您希望從數據庫中獲取時間，我首先會問-是什么阻止您自己添加日期以創建事件？ 您可以在服務器上或客戶端中完成此操作，這取決於您。