2016-11-23 13 views
0

私は完全なカレンダーを持ち、動的なデータは隠されたdiv(モーダル内のdiv)でレンダリングされる外部のjsonファイルでロードされます。文書準備ができた後、私は使用してFCをロードします:隠しdivのFullCalendar

$("#calendar").fullCalendar({ 
    lazyFetching: false, 
    defaultDate: '$hoje', 
    events: 'events.json' 
}); 

私はモーダルを開くと、私はちょうど「今日」とナビゲーションボタンを持っている - 任意のデータなし。 「今日」ボタンをクリックした後で、私のカレンダーがレンダリングされます。私が忘れてしまったことはありますか?

JSONファイルは:

[{ 
    "title": "Title", 
    "color": "#3c8dbc", 
    "start": "2016-10-17" 
}, { 
    "title": "Title", 
    "color": "#3c8dbc", 
    "start": "2016-10-18" 
}] 
+0

私たちは、あなたがJSONファイルからデータをロードするコードを見ることができますか? – ggderas

+0

私はJSONファイルで編集しました。しかし、「今日」ボタンをクリックすると、すべてが正常でFCが正常に表示されます。 –

答えて

1

理由で検索した後、私が原因カレンダーが正常に働いていない「レンダリング」、隠されていることがわかりました。それを修正する

、私は、モーダルオープンコールバックに機能を追加しました:

$("#myModal").on('show.bs.modal',function(){ 
    setTimeout(function(){$("#calendar").fullCalendar('render')}, 300); 
});