숨겨진 div의 FullCalendar

전체 숨겨진 div (모달 내부 div)에 렌더링 될 외부 json 파일과 함께로드되는 동적 데이터가 포함 된 fullCalendar가 있습니다. 문서 준비 후, 내가 사용 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" 
}]

출처

2016-11-23 Gabriel Vip

우리가 코드를 볼 수 있습니다

그것을 해결하기 위해, 내가 모달 개방 콜백 기능을 추가 한? – ggderas

JSON 파일로 편집했습니다. 그러나 "오늘"버튼을 클릭하면 모든 것이 정상이며 FC가 정상적으로 보입니다. –

이유를 검색 한 후, 나는 인해 일정이 제대로 작동하지 않는다 "렌더링"숨겨진 것으로 나타났습니다. 당신이 JSON 파일에서 나오는 데이터를로드 할 경우

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

출처

2016-11-23 18:32:20

숨겨진 div의 FullCalendar

답변

관련 문제