2011-12-28 47 views
4

我在我的门户中使用了fullcalender,并且我需要禁用某个不再可点击的单元格,并且用户无法在该单元格中创建事件。在fullcalender中禁用某个单元格

另外我想用独特的颜色给禁用的插槽上色。

请帮忙

回答

0

我知道如何通过日期获取细胞并改变颜色。

您应该查看此:https://github.com/arshaw/fullcalendar/pull/26

所有你需要做的是搜索插件这一行:

cell.find('div.fc-day-number').text(date.getDate()); 

然后,你应该插入下面一行:

cell.attr('data-date', $.fullCalendar.formatDate(date, "yyyyMMdd")); 

之后,你可以通过使用类似于此的日期获得单元格:

$(".fc-widget-content[data-date='20120105']").addClass("disabled-slot"); 

并把你想要的颜色放在细胞上。

要禁用小区,也许你可以那么做这样的事情(未测试):

$(".fc-widget-content[data-date='20120105']").draggable({ disabled: true }); 
+0

你认为它会为周视图的工作呢? – 2012-06-07 16:58:24

+0

@AdilMalik周视图没有每天每个小时的单元格,但是,通过对代码进行一些更改,您可以使其工作。这是我前一段时间做的一个例子:[http://www.albinstrutora.pt/#!student](http://www.albinstrutora.pt/#!student)。如果您检查此代码,您会看到每天的每个小时都有一个单元格,并且它是通过css类绘制的。 – 2012-06-07 20:27:08

+0

真的是fullCalendar吗?它看起来很不一样。你能提供代码吗?所以我可以看到你如何为每个时间槽添加单元格? – 2012-06-08 11:47:49

相关问题