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

높이 옵션은 픽셀 단위로 표시됩니다. 그런 다음 높이를 쓰려면 180px, 높이가 180px가 아니어야합니다. 아마도 당신이 당신의 실패한 시험에서 한 것이겠습니까? – Doomsday

전 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 높이 문제

답변

관련 문제