Fullcalendar height issue

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/

... и пытался следовать руководству, но я должен писать код неправильно, потому что он не будет работать для меня. Я хочу ограничить высоту до 180 пикселей.

Действительно оцените любую помощь.

Answer 1

Я не работал с fullCalendar раньше, но на основе ссылки, которую вы вставили, это должно работать.

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

Просто убедитесь, что это первый раз вы были вызвать функцию fullCalendar. В противном случае вам нужно использовать: $('#calendar').fullCalendar('option', 'height', 180);

Может быть длинный выстрел, но другая вещь, чтобы иметь в виду ваш CSS, убедитесь, что он не перекрывая высоту #calendar, следите за !important

Answer 2

меня были те же проблемы с настройкой параметров «высота» и «contentHeight» и выяснить, что в некоторых случаях они не работают (например, в моем случае события в нижней части календарей не были доступны для кликов). Таким образом, я закончил с установкой параметра «AspectRatio» вместо:

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

, который прекрасно работал (очевидно, нужно известково вам соотношение сторон на основе ширины вашего календаря).