在fullcalendar中禁用某个单元格

Question

我在我的门户网站中使用fullcalendar，我需要禁用某个不再可点击的单元格，用户无法在该单元格中创建事件。

另外，我想用一种独特的颜色为禁用的插槽着色。

Answer 1

我知道如何按日期获取单元格并改变颜色。

您应该查看此内容：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 });