javascript - fullcalendar - 在窗口调整大小时调整日历大小

Question

我正在使用全日历 ( fullcalendar by adam shaw )

我想知道我需要做什么才能使我的全日历根据浏览器窗口的大小动态更改大小？我稍微研究了他的“渲染”功能，但一直无法弄清楚这一点。

(即，当用户调整其窗口大小时，我希望 fullcalendar 将其宽度和高度重新调整为适当的纵横比)

Answer 1

这一切都记录在案。

让我们看看，沿着这条线尝试一些事情:

//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 中并以这种方式进行操作。