jQuery fullcalendar - 如何縮小日曆的大小

Question

我在我的應用程序中使用jQuery fullcalendar。我只想在屏幕的右側顯示日曆，但不知道如何縮小日曆的大小。現在，它是在全屏顯示

Answer 1

一個具有指定寬度只是堅持在一個div按主頁fullcalendar

<div id='container'> 
... 
<div id='calendar'></div> 
... 
</div> 

與CSS

#container { 
    width: 810px; 
} 

Answer 2

減少的長寬比完整的日曆

Answer 3

在我的應用程序邊欄中，我簡單地使用了這個。

你Html

<div id='calendar'></div>

您可以編寫css這樣。

#calendar 
{ 
    width: 400px; 
} 

改變像素範圍的寬度，你需要多少。 我也是這樣使用的。它的工作完美。

Answer 4

嘗試

<div id='calendar' style="width:95%"></div> 

Answer 5

您可以使用一個div容器來控制寬度和高度。

您可以通過添加

> $('#calendar').fullCalendar({ 
>  height: 650 
> }); 

Answer 6

添加在JSON領域，我們通過在fullCalender方法的屬性只控制日曆的喚起注意。

$('#calendar').fullCalendar({ 

    height: 650 
}) 

引用的網址： https://fullcalendar.io/docs/display/height/