2014-10-12 13 views
11

Tôi cần có lịch ở chế độ tuần sẽ mất tất cả chiều rộng mà nó có thể thực hiện và mất tất cả chiều cao cần phải không có thanh cuộn.Chiều cao tự động của FullCalendar ở chế độ xem theo tuần

Nếu tôi giữ các thiết lập mặc định height: auto, aspectRation: 1.35, tôi thấy một thanh cuộn dọc: enter image description here

Nếu tôi thay đổi aspectRatio-1, cuộn biến mất nhưng tôi thấy vùng trống vô dụng ở phía dưới:

enter image description here

Có cách nào để sửa chữa nó ngoại trừ việc đoán các aspectRatio (mà không phải là một trường hợp đối với tôi như minTime và maxTime được tự động thay đổi để thay đổi chiều cao conent)?

+0

Bạn có thể thử thay đổi css có lẽ? http://stackoverflow.com/questions/10398069/resizing-a-div-to-fit-content-with-maximum-height –

+0

Bạn đang sử dụng phiên bản fullcalendar nào? – MarCrazyness

+0

@MarCrazyness, FullCalendar v2.1.1 – SiberianGuy

Trả lời

21

Edit:

Fullcalendar v2.1.1

http://jsfiddle.net/3E8nk/560/

contentHeight: 'auto', 

Giải pháp cho các phiên bản cũ?

Loại hack: ish. Điều này có hiệu quả trong môi trường của bạn không? Tôi đã sử dụng mã từ câu hỏi khác của bạn.

http://jsfiddle.net/3E8nk/558/

contentHeight: '9999', 
+0

Đã thử điều đó. Thật không may nó không hoạt động cho v2.1.1. Ở đây bạn jsfiddle với cập nhật tài nguyên bên ngoài: http://jsfiddle.net/3E8nk/559/ – SiberianGuy

+0

@ Idsa cảm ơn, tôi đã không nhận ra. Tôi tìm thấy một giải pháp ít hack: ish quá cho phiên bản fullcalendar mới :) –

+0

Cảm ơn rất nhiều! Thật khó hiểu rằng nó không phải là một tùy chọn mặc định. Tôi nên chú ý nhiều hơn đến tài liệu ... – SiberianGuy

8

Điều chỉnh tự động các chiều cao thay vì tỷ lệ khía cạnh làm việc cho tôi:

Asigning lịch cho một biến khi khởi xướng:

calendar = $('#calendar').fullCalendar({ 
    height: $(window).height()*0.83, 
    ... 
}); 

Và sau đó điều chỉnh chiều cao động (sau khi kiểm tra lịch đã tồn tại để tránh các thông báo lỗi ban đầu):

if(calendar) { 
    $(window).resize(function() { 
    var calHeight = $(window).height()*0.83; 
    $('#calendar').fullCalendar('option', 'height', calHeight); 
    }); 
}; 

Yếu tố *0.83 tùy thuộc vào thiết kế trang của bạn.

Hy vọng điều này sẽ hữu ích. Adam Shaw's fullcalendar at 100% height and scrollbars

Day view, spanish (as fullcalendar is multilingual - lol

+0

Điều này làm việc cho tôi –

+0

0.635 là yếu tố làm việc hoàn hảo cho tôi –

Các vấn đề liên quan