Fullcalendar框的大小不一样

Question

我遇到Fullcalendar问题。日历框大小不一样。我正在使用谷歌日历，我的网站正在运行Bootstrap（我怀疑可能是问题的一部分）。任何帮助表示赞赏！谢谢！

这是我的代码。                                                                                           

<script type='text/javascript'>
$(document).ready(function() {
  $('#calendar').fullCalendar({
      defaultView: 'month',
      googleCalendarApiKey: 'AIzaSyAtQycskAlpsb3lvwq-ZQdYExUy4OkYVrw',
      events: {
        googleCalendarId: 'uu352qak2tcqa5fhf268g26a68@group.calendar.google.com'
      }
  });
});
</script>

Answer 1

框的大小已扩展，因为你有事件，你在完整的日历配置对象中设置事件限制，你将摆脱它，示例代码如下，

 $scope.uiConfig = {
            calendar: {
                height: 500,
                editable: false,
                header: {
                    left: 'prev,next title',
                    center: '',
                    right: 'month,agendaWeek,agendaDay'
                },
                eventLimit: true,
                views: {
                    month: {
                        eventLimit:3
                           }
                    }
                }

这应该可以解决你的问题.. !!!

（注意：您应根据您的要求设置限制，这是可选的 ）