Fullcalendar高度问题

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

真的很感谢任何帮助。

来源

2012-01-07 Kelvin Farrell

高度选项以像素表示。那么你必须写出身高：180而不是身高：180px。也许这是你在不成功的测试中做了什么？ – Doomsday 2012-01-23 12:27:58

我以前没有使用过fullCalendar，但基于你粘贴的链接，这应该工作。

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

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

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

来源

2012-01-07 08:14:31 guzart

我有同样的问题设置“height”和“contentHeight”参数，并发现在某些情况下它们不起作用（例如，在我的情况下，日历底部的事件不可点击）。所以我结束了设置“的aspectRatio”参数，而不是：

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

它完美地工作（很明显，你需要calc下根据您的日历宽比）。

来源

2016-02-26 10:12:25

Fullcalendar高度问题

回答

相关问题