javascript - 在 jQuery 周历插件中将非工作时间变灰

Question

我正在使用 jQuery weekcalendar plugin显示带有事件的基于 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。