Question

我正在使用带有fullCalendar的Angular JS，并且当我点击按钮时，我正在尝试更改我的日历的可编辑值。接缝非常简单，但出于某种原因没有任何效果。
我得到了这个代码，首先设置值可编辑：

 var Calendar = $('#calendar').fullCalendar({
     /*...*/
     events: events,
     editable: $scope.editable,
     droppable: true,
     allDayDefault: false,
     /*...*/
 });

此部分接缝正常，因为我的$scope.editable默认为false，日历不允许任何修改。

我正在使用Angular JS中的一个函数，使用此函数将$scope.editable值的值更改为相反值：

 $scope.edit = function () {
    $scope.editable = !$scope.editable;
};

当然它不会改变FullCalendar中的值，所以我想知道该怎么做。我尝试了一些事情，比如改变价值，然后重新渲染或重新获取事件，但没有接触到工作。

 $scope.edit = function () {
    $scope.editable = !$scope.editable;
    Calendar.fullCalendar({editable: $scope.editable});
    Calendar.fullCalendar('refetchEvents');
};

有什么想法吗？

修改

我过去通过改变价值，破坏日历然后重新构建它来实现这一点，我不认为这种方法是最有效的。我希望我的日历保持原样，只允许版本。谢谢！

祝你有个美好的一天！

尼克

Answer 1

原来我没有做足够的研究。我发现自FullCalendar 2.9.0以来，可以动态地更改选项。使用Calendar.fullCalendar('option', option, value);
如果有人需要信息，Here是完整文档的完整链接希望它有所帮助！

尼克

FullCalendar更改脚本

修改

1 个答案: