我正在使用fullcalendar(
fullcalendar by adam shaw)
我想知道我需要做什么,以便我的fullcalendar根据浏览器窗口的大小动态更改大小？我已经看了他的“渲染”功能了一点,但一直在弄清楚这一点.
(即,当用户调整窗口大小时,我希望fullcalendar将其宽度和高度重新调整为适当的宽高比)
解决方法
这一切都记录在案.
我们来看看,尝试一下这样的事情：
//function to calculate window height
function get_calendar_height() {
return $(window).height() - 30;
}
//attacht resize event to window and set fullcalendar height property
$(document).ready(function() {
$(window).resize(function() {
$('#calendar').fullCalendar('option','height',get_calendar_height());
});
//set fullcalendar height property
$('#calendar').fullCalendar({
//options
height: get_calendar_height
});
});
应用类似于宽度.或者您可以将日历放在div中,并以这种方式进行操作.