jQuery周日歷插件中的非工作時間灰顯

Question

我正在使用jQuery weekcalendar插件顯示帶有事件的基於Web的日歷。 如何將非工作時間設為灰色？ 營業時間以外，整行應為灰色：

businessHours: {start: 8, end: 19, limitDisplay: false},

Answer 1

首先，您需要在工作時間使用全局變量，如下所示：

var timeStart = 8
var timeEnd = 19

businessHours: {start: timeStart , end: timeEnd , limitDisplay: false},

然后，嘗試將其添加到准備好文檔的jquery javascript中（創建日歷后）：

$('.wc-time-slot').each(function(index, element) {
    if (index<6*timeStart||index>=6*timeEnd) {
        $(this).css('background-color','#eee')
    }
});

每小時有六行，這就是為什么要乘以6。

Answer 2

編輯：答案不完整。 它不會突出顯示整個行。

感謝Phekka，我在Inspect元素部分中找到了這一點：

非營業時間：

<div class="wc-hour-header ui-state-default"></div>

營業時間：

<div class="wc-hour-header ui-state-active wc-business-hours"></div>

Answer 3

有點難。 我認為您必須管理td.wc-day-column背景屬性，並添加具有計算的像素或百分比值的css3漸變 。

祝好運。