2017-02-02 8 views
0

jquery fullcalendarの編集可能なプロパティを切り替えることのできるボタンを作成する方法はありますか?複数のイベントがあるカレンダーがあり、「クイック編集」というボタンを作成したいと思います。このボタンをクリックすると、イベントがドラッグ可能になり、サイズ変更可能になり、再度ボタンをクリックするとイベントはドラッグアンドリサイズできなくなります。FullCalendarで 'editable'プロパティのトグルボタンを作成する方法

私は、コンソールでこれを試してみました:

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

でも編集可能な「のイベントごとに」プロパティであるから、それはカレンダー内のすべてのイベントに適用されません。

私はまた、この線に沿って、fullcalendarを初期化するとき、編集可能なプロパティの値を指定する「フラグ」を格納するためにHTML5ののlocalStorageを使用してみました:

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

でも、これは機能しません。何か案は?

答えて

0

は、右の質問を投稿した後、私はそれを行う方法を見つけました:

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

は、より多くの、あなたは「オプション」プロパティを使用して、FullCalendarの初期化済みのインスタンスに任意のオプションを変更することができ判明しますあなたはここで読むことができます:https://fullcalendar.io/docs/utilities/dynamic_options/

これは他人に役立つことを願っています!

関連する問題