javascript - 如何为 FullCalendar 上的 'editable' 属性创建切换按钮

Question

有没有办法创建一个可以切换 jquery fullcalendar 的可编辑属性的按钮？我有一个包含多个事件的日历，我想创建一个名为“快速编辑”的按钮。单击此按钮时，事件应该变得可拖动和可调整大小，而当我再次单击该按钮时，事件不应再可拖动和可调整大小。

我在控制台中尝试过:

$("#calendar").fullCalendar({
    editable: false
});

但由于可编辑是“每个事件”属性，因此它不会应用于日历中的所有事件。

我还尝试使用 HTML5 localstorage 来存储一个“标志”，该标志在初始化 fullcalendar 时指定可编辑属性的值，大致如下:

var IsEditable = sessionStorage.getItem("Editable");
if (IsEditable === false){
    sessionStorage.setItem("Editable", true);
}
else {
    sessionStorage.setItem("Editable", false);
}

然后我使用:

$(document).ready(function() {
    var calendar = $('#calendar').fullCalendar({
        // properties 
        editable: sessionStorage.getItem("Editable")
    });
});

但即使这样也行不通。有什么想法吗？

Answer 1

发布问题后，我找到了一种方法:

$('#calendar').fullCalendar('option', {
    editable: false
});

事实证明，您可以使用“选项”属性更改已初始化的 FullCalendar 实例中的任何选项，有关更多信息，您可以在此处阅读:https://fullcalendar.io/docs/utilities/dynamic_options/

希望这对其他人有帮助!