jquery - jQuery fullcalendar - 如何减小日历的大小

Question

我在我的应用程序中使用 jQuery fullcalendar。我只想在屏幕右侧显示日历，但不知道如何减小日历的大小。现在它正在全屏显示

score 17 · Accepted Answer

只需根据主页将其粘贴在具有指定宽度的 div 中即可获取完整日历

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

用CSS

#container {
    width: 810px;
}

score 3 · Accepted Answer

在我们传入 fullCalender 方法的 JSON 字段中添加一个属性。

$('#calendar').fullCalendar({

    height: 650
})

score 1 · Accepted Answer

1

降低整个日历的纵横比

于 2012-08-08T05:00:57.393 回答

score 0 · Accepted Answer

在我的应用程序侧栏中，我只是这样使用。

您的Html

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

你可以css这样写。

#calendar
{
    width: 400px;
}

改变像素范围内的宽度，你需要多少。我也是这样用的。它运行良好。

score 0 · Accepted Answer

0

尝试

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

于 2015-09-28T23:00:58.507 回答

score 0 · Accepted Answer

您可以使用 div 容器来控制宽度和高度。

您只能通过添加来控制日历的高度

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

6 回答 6