隐藏div中的FullCalendar

时间:2016-11-23 17:16:40

标签: javascript jquery twitter-bootstrap fullcalendar

我有一个fullCalendar,动态数据加载了一个外部json文件,在隐藏的div(模态中的div)中呈现。文档准备好后,我将使用

加载FC
$("#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"
}]

1 个答案:

答案 0 :(得分:1)

在搜索原因后,我发现隐藏了截止日期,“渲染”无效。

为了修复它,我在模态打开回调中添加了一个函数:

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