我正在尝试创建一个日历,将其大小调整为父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)实际上具有高度,否则您的日历将没有任何高度。