twitter-bootstrap - 在单击按钮或调整窗口大小之前，fullcalendar 不可见？

Question

我正在使用带有 angularJS 和 angularstrap 的 jquery 完整日历。问题似乎是只有当我单击日历中的一个按钮或调整浏览器窗口大小时才会显示日历。此日历正在加载到使用 angularstrap 初始化的模式框中。

我很感激帮助。

戳这里:LINK

模态 HTML 在 search_modal.html 日历 Controller 是:calendarCtrl.js 父 Controller 是 search.js

编辑:在遇到与谷歌地图和画廊相同的问题后，我尝试实现我不认为这是与日历直接相关的问题，而是与模式框本身更相关的问题。任何交互式且涉及 javascript 的内容都无法根据模态框的大小正确缩放。有人对如何解决这个问题有任何想法吗？

Answer 1

只是为此添加另一个答案。我在 Bootstrap 选项卡中使用 fullcalendar。为了渲染日历，我添加了:

$('a#id-of-tab').on('shown.bs.tab', function (e) {
    $("#the-calendar-container").fullCalendar('render');
});