Fullcalendar高度问题

时间:2012-01-07 04:58:32

标签: javascript jquery fullcalendar

我已将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。

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:2)

我之前没有使用过fullCalendar,但是根据您粘贴的链接,这应该可行。

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

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

可能是一个长镜头,但要记住的其他事情是你的CSS,确保它不会覆盖#calendar的高度,注意!important

答案 1 :(得分:0)

我在设置“height”和“contentHeight”参数方面遇到了同样的问题,并且发现在某些情况下它们不起作用(例如,在我的情况下,日历底部的事件无法点击)。所以我最终设置了“aspectRatio”参数:

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

完美无缺(显然你需要根据日历的宽度计算宽高比)。