Fullcalendar：將日曆高度調整爲父div

我正在嘗試創建一個日曆，將其大小調整爲父div，但未成功。它使用寬度但不是高度。Fullcalendar：將日曆高度調整爲父div

我還沒有修改Fullcalendar lib的任何屬性。我不想固定高度，因爲我想將div /日曆調整爲用戶屏幕大小。

HTML：

<body> 
<div class="div-container"> 
<div id='calendar'></div> 
</div> 
</body>

CSS：

.div-container{ 
width: 90%; 
margin: 0 auto; 
height: 100px!important; 
}

來源

2017-10-09 Alan Mac Cormack

FullCalendar的構建方式（絕對定位的動態元素），你不能改變高度。看到這個[其他問題]（https://stackoverflow.com/questions/46108126/fullcalendar-shrink-expand-calendar-height）即將「收縮」它。你可以玩寬度來調整它。 –

我檢查過這個帖子，並沒有選項爲我工作:(。我只是想調整整個div爲了把另一個項目在頁面中，它是100％寬度100％的高度。當我把#calendar {width：50％}它正常工作，但不是高度 –

同樣，你不能改變高度。FullCalendar是根據寬度動態渲染的。唯一可以做的事情（可能很醜）是將'overflow：scroll'設置爲容器。 –

Fullcalendar具有爲windowResize回調，根據他們的文檔是：

日曆的尺寸後觸發已因改變正在調整瀏覽器窗口的大小。

考慮到，並且它具有高度財產的事實，如果你得到你所尋找的div的高度，你應該能夠做這樣的事情：

function get_height() { 
     return $(window).height(); 
} 

$('#calendar').fullcalendar({ 
    height: get_height(), 
    windowResize: function(view) { 
     $('#calendar').fullCalendar('option', 'height', get_calendar_height()); 
    }, 
    [...]

製作確保你使用的選擇器，在這種情況下$（窗口）實際上有一個高度，或者你的日曆不會有任何高度。

來源

2017-11-09 14:55:47

Fullcalendar：將日曆高度調整爲父div

回答

相關問題