jquery - 禁用全日历中的某个单元格

Question

我在门户中使用全日历，并且我需要禁用某个单元格，该单元格将不再可单击，并且用户无法在该单元格中创建事件。

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

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 });