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

Есть ли способ создать кнопку, которая может переключать редактируемое свойство 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")
    });
});

Но даже это не работает. Есть идеи?

javascript,jquery,html5,fullcalendar,

0

Ответов: 1


1 принят

Сразу после публикации вопроса я нашел способ сделать это:

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

Оказывается, вы можете изменить любой из параметров в уже инициализированном экземпляре FullCalendar, используя свойство «option», больше о котором вы можете прочитать здесь: https://fullcalendar.io/docs/utilities/dynamic_options/

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

JavaScript, JQuery, html5, fullcalendar,
Похожие вопросы
Яндекс.Метрика