在jQuery周日历插件中灰掉非营业时间

我正在使用jQuery weekcalendar plugin来显示带有事件的基于Web的日历。我该如何灰化非营业时间？全行应该是灰色的，当它出来的营业时间：在jQuery周日历插件中灰掉非营业时间

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

来源

2013-01-12 doonot

乘以你是说产品有一个名为'businessHours'参数，它不工作？或者你想拥有这样一个参数？ –

否参数是否存在并已设置。现在我只想用CSS来消除非营业时间。 – doonot

我明白了。我想最简单的方法是使用浏览器中的“检查元素”功能来查看业务/非业务时间设置了哪些类，然后使用CSS来处理这些类。他们有上课吗？或者其他一些有助于区分它们的功能？ –

编辑：不完整的答案。它不突出整行。

感谢Phekka我发现这个在检查元素部分：

非业务时间：

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

业务，营业时间：

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

来源

2013-01-13 10:13:00 doonot

这是一个有点硬。我觉得你有 td.wc-day-column背景属性来管理和添加css3 gradient与运算像素或百分比值。

祝你好运。

来源

2013-01-14 23:47:00 mica

首先，你需要使用全局变量，为您的工作时间，像这样：

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

来源

2013-01-15 00:25:44 greener

天才！谢谢。该奖金在接下来的11h被封锁。当它不再被阻止时，我会奖励它！ – doonot

在jQuery周日历插件中灰掉非营业时间

回答

相关问题