完整日历:将日历高度调整为父 div



我正在尝试创建一个日历,将其大小调整为父div,但没有成功。它适用于宽度而不是高度。

我没有修改完整日历库的任何属性。我不想有固定的高度,因为我希望div/日历调整为用户屏幕大小。

.HTML:

<body>
<div class="div-container">
<div id='calendar'></div>
</div>
</body>

.CSS:

.div-container{
width: 90%;
margin: 0 auto;
height: 100px!important;
}

Fullcalendar 有一个窗口调整大小回调,根据他们的文档是:

在日历的维度因 正在调整浏览器窗口的大小。

鉴于此,以及它具有高度属性的事实,如果您获得所需的div 的高度,您应该能够执行以下操作:

function get_height() {
      return $(window).height();
}
$('#calendar').fullcalendar({
    height: get_height(),
    windowResize:  function(view) {
        $('#calendar').fullCalendar('option', 'height', get_calendar_height());
    },
    [...]

确保您使用的选择器(在本例中为 $(window)实际上具有高度,否则您的日历将没有任何高度。

相关内容

  • 没有找到相关文章

最新更新