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高度問題

回答

相關問題