スクリプトの冒頭で、カレンダーに渡される多くのオプションがあります。
初期化後、次を実行しても既存のカレンダーのビューは変更されませんが、代わりに新しいカレンダーが作成されます。
$('.calendar-container').fullCalendar({
defaultView: 'agendaWeek'
});
質問: divに既に存在するカレンダーのビューを変更するにはどうすればよいですか?.calendar-container
スクリプトの冒頭で、カレンダーに渡される多くのオプションがあります。
初期化後、次を実行しても既存のカレンダーのビューは変更されませんが、代わりに新しいカレンダーが作成されます。
$('.calendar-container').fullCalendar({
defaultView: 'agendaWeek'
});
質問: divに既に存在するカレンダーのビューを変更するにはどうすればよいですか?.calendar-container
FullCalendar は、初期化後に、 height、contentHeight、spectRatioなどのいくつかのオプションの変更のみをサポートします。他のオプションを変更したい場合は、現在のカレンダーを破棄し、新しいオプションで FullCalendar を再度初期化する必要があります。
カレンダーが破棄された後に再作成できるように、現在の状態を覚えておきたい場合があります。このコールバックを FullCalendar オプションに含め、カレンダーが破棄された後にアクセスできる変数にビューを保存します。
viewDisplay: function(view) {
latestView = view;
}
次に、カレンダーが再初期化された後にこれらのメソッドを呼び出し、カレンダーがあった状態を再作成できます (同じビューと日付範囲など)。
$("#calendar").fullCalendar('changeView', latestView.name);
$("#calendar").fullCalendar('gotoDate', latestView.start);
イベントソースを変更したいと想像してみてください....
function getSources(switcher){
if(switcher== "option1"){
return [othersources.opt1,othersources.opt2];
}else{
if(switcher== "option2"){
return [othersources.opt3];}
}
}
...
eventSources: getSources(switcher),
...
簡単な関数で任意のプロパティを変更する方法を見つけることができます...
それが役に立ったことを願っています...