在完整日历中禁用某个单元格

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