完整日历高度问题

Question

我已经在我的网站主页上集成了Fullcalendar。代码是…

<script type='text/javascript'>
$(document).ready(function() {
$('#calendar').fullCalendar({
    events: {
        url: 'https://www.google.com/calendar/feeds/XXXXXXXXimport.calendar.google.com/public/basic',
        className: 'gcal-event',           // an option!
        currentTimezone: 'Europe/London' // an option!
    },
eventMouseover: function(event, jsEvent, view) {
        if (view.name !== 'agendaDay') {
            $(jsEvent.target).attr('title', event.title);
        }
    }
    });
});
</script>

如何调整日历内容的整体高度？我看了这个链接。。。

http://arshaw.com/fullcalendar/docs/display/height/

并试图遵循指南，但我一定写错了代码，因为它对我不起作用。我想将高度限制在180px。

非常感谢您的帮助。

Answer 1

我以前没有使用过fullCalendar，但根据您粘贴的链接，这应该可以工作。

$('#calendar').fullCalendar({
  events: {...},
  eventMouseover: function(event, jsEvent, view) {...},
  height: 180
});

只要确保这是您第一次调用fullCalendar函数。否则，您需要使用：$('#calendar').fullCalendar('option', 'height', 180);

这可能是一个很长的机会，但需要记住的另一件事是你的CSS，确保它不会覆盖#calendar的高度，注意!important

Answer 2

我在设置"height"one_answers"contentHeight"参数时遇到了同样的问题，并发现在某些情况下它们不起作用（例如，在我的情况下，日历底部的事件是不可点击的）。所以我最终设置了"aspectRatio"参数：

$('#calendar').fullCalendar({
  events: {...},
  eventMouseover: function(event, jsEvent, view) {...},
  aspectRatio: 1.15
});

这非常有效（很明显，您需要根据日历的宽度计算纵横比）。