Vollkalender Boxen haben nicht die gleiche Größe

Question

Ich habe ein Problem mit Fullcalendar. Die Kalenderfeldgrößen sind nicht gleich. Ich benutze Google Kalender damit, und auf meiner Website läuft Bootstrap (von dem ich vermute, dass es ein Teil des Problems ist). Jede Hilfe wird geschätzt! Vielen Dank!

Hier ist mein Code.

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

Answer 1

Größe der Box erweitert wird, weil Sie Ereignisse in sie haben, Sie Satz Ereignis Grenze im vollen Objekt Kalender config und Sie loswerden es, Beispielcode ist wie unten,

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

Das sollte dein Problem lösen .. !!!

(Hinweis: Sie sollten Limit gesetzt, wie pro Ihre Anforderung, die optional ist)