如何自動將FullCalendar放入指定的div空間

我想將fullCalendar放入指定的div空間，使其具有流暢的效果，但很難做到。我甚至用寬高比，但沒有得到任何運氣試圖....下面是我做的，到目前爲止如何自動將FullCalendar放入指定的div空間

$(window).resize(function() { 
    var ratio = $(window).width()/$(window).height(); 
    $('.resize').html('<div>ratio:'+ratio+'</div>'); 
    calendar.fullCalendar('option', 'aspectRatio', ratio); 
});

來源

2011-03-04 kiribasboy

你需要設置動態的height屬性： http://arshaw.com/fullcalendar/docs/display/height/

來源

2011-03-25 04:19:07 arshaw

嘿它不工作，呈現高度超過容器。我有一個問題，即;當點擊next或prev後最初的完整日曆不顯示視圖時，只顯示視圖。錯過了什麼？提前致謝。 – 2012-12-01 12:12:33

動態調整的發起時

Asigning日曆一個變量：：高度代替寬高比爲我工作

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

，然後動態調節高度（檢查日曆後，爲了避免最初的錯誤信息已經存在）：

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

因子*0.83取決於你的頁面設計。

希望這會有所幫助。

來源

2015-12-10 00:39:08

如何自動將FullCalendar放入指定的div空間

回答

相關問題