Javascript 默认情况下,jQuery完整日历模式不显示月份视图

Javascript 默认情况下,jQuery完整日历模式不显示月份视图,javascript,jquery,zurb-foundation,Javascript,Jquery,Zurb Foundation,所以我使用的是fullcalendar插件。它通过基础模型弹出。我使用以下javascript设置它: $(function() { $('#calendar').fullCalendar({ height: 1000, defaultView: 'month', header: { left: 'prev, next, today', center: 'title', right: 'month, agendaWeek, agendaDay'

所以我使用的是fullcalendar插件。它通过基础模型弹出。我使用以下javascript设置它:

$(function() {
  $('#calendar').fullCalendar({
    height: 1000,
    defaultView: 'month',
    header: {
    left: 'prev, next, today',
    center: 'title',
    right: 'month, agendaWeek, agendaDay'
    }
  });
});

模态功能运行良好,日历确实会弹出。但它没有显示默认的月份视图,而是显示一个压缩模式,该模式具有我指定的所有标题选项,但没有月/日/周数据。我可以点击month,一切都很好,但是我指定了defaultView,所以用户可以立即看到month视图。我不知道这是怎么回事

找到了答案。对于任何遇到这种奇怪情况的人来说,似乎添加以下CSS(前提是您没有覆盖日历的默认ID)是有效的:


你能介绍一个JSFIDLE吗?
#calendar {
  display: block;
}