javascript - jQuery FullCalendar not rendering in Bootstrap Tab - Stack Overflow

admin管理员组

文章数量:1415420

I have a working fullcalendar on my site, however, the actual calendar table doesn't show until you change the month/year or select "today".

I using the jquery Tabs and have the FullCalendar in the second tab, First tab is active. When I click on second tab then it shows only month/year, weekly, monthly and today. When I click on any of those button then calendar is showing up.

Can anyone please help?

I have a working fullcalendar on my site, however, the actual calendar table doesn't show until you change the month/year or select "today".

I using the jquery Tabs and have the FullCalendar in the second tab, First tab is active. When I click on second tab then it shows only month/year, weekly, monthly and today. When I click on any of those button then calendar is showing up.

Can anyone please help?

• javascript
• jquery
• twitter-bootstrap

Share Improve this question Follow asked Sep 15, 2015 at 21:48 Debasish RoyDebasish Roy 2111 silver badge22 bronze badges 1

• Would need to see your code to really help – code Commented Sep 15, 2015 at 23:03

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

You must render fullcalendar when tab changed

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    // TODO: check href of e.target to detect your tab
    $('#calendar').fullCalendar('render');
})

本文标签： javascriptjQuery FullCalendar not rendering in Bootstrap TabStack Overflow