jQuery FullCalendar không hiển thị

Question

Tôi có toàn bộ lịch làm việc trên trang web của mình, tuy nhiên, bảng lịch thực tế không hiển thị cho đến khi bạn thay đổi tháng/năm hoặc chọn "hôm nay".

Nếu tôi nhìn vào nguồn được hiển thị, tôi thấy rằng div xung quanh bảng trống cho đến khi tôi nhấn một nút.

<div style="position: absolute; -moz-user-select: none;" class="fc-view fc-view-month fc-grid" unselectable="on"></div> 

Có ai có đầu mối về lý do điều này xảy ra không?

Answer 1

Bạn có lịch này trong tab hoặc hộp thoại bị ẩn khỏi chế độ xem lúc đầu không?

Nếu vậy, bạn cần hiển thị rõ ràng chế độ toàn cục khi điều khiển đó hoạt động.

Giả sử bạn đang sử dụng tiện ích tab jQuery UI và có FullCalendar trong tab thứ 2 (được ẩn từ chế độ xem cho đến khi tab thứ 2 được chọn). Trong trường hợp này, bạn có thể làm như sau:

$('#tabs').tabs({ 
    show: function(event, ui) { 
     $('#calendar').fullCalendar('render'); 
    } 
}); 

Điều này đảm bảo rằng lịch được hiển thị khi tab được hiển thị. Hi vọng điêu nay co ich!