Как создать кнопку переключения для свойства «editable» на FullCalendar

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/

Надеюсь, это поможет другим!