jQuery fullcalendar - cách giảm kích thước của lịch

Question

Tôi đang sử dụng jQuery fullcalendar trong ứng dụng của mình. Tôi chỉ muốn hiển thị lịch ở bên phải màn hình nhưng không chắc chắn cách giảm kích thước lịch. Ngay bây giờ nó được hiển thị đầy đủ màn hình

Answer 1

Chỉ cần dính vào nó trong một div có chiều rộng quy định như mỗi trang chủ cho fullcalendar

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

với css

#container { 
    width: 810px; 
} 

Answer 2

giảm tỷ lệ khía cạnh của toàn bộ lịch

Answer 3

Trong thanh bên ứng dụng của tôi, tôi đã sử dụng đơn giản như thế này.

bạn Html

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

Bạn có thể viết css như thế này.

#calendar 
{ 
    width: 400px; 
} 

thay đổi chiều rộng trong phạm vi pixel, số tiền bạn cần. Tôi cũng đang sử dụng như thế này. Nó hoạt động hoàn hảo.

Answer 4

Hãy thử

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

Answer 5

Bạn có thể sử dụng một container div để kiểm soát chiều rộng và chiều cao.

bạn có thể kiểm soát chỉ có chiều cao của lịch bằng cách thêm

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

Answer 6

Thêm một tài sản trong lĩnh vực JSON mà chúng tôi đi qua trong phương pháp fullCalender.

$('#calendar').fullCalendar({ 

    height: 650 
}) 

Khảo Url: https://fullcalendar.io/docs/display/height/