2016-12-07 7 views
0

Warum ist mein voller Kalender Veranstaltung nicht zusammenrollen. Wenn ich mehr als drei Events habe, sollte man sich zusammenrollen und am unteren Rand der "mehr Events" zeigen. FullCalendar heruntergeladen aus dem Repository adesigns/calendar-bundle. Ich habe dies:FullCalendar nicht Veranstaltungen locken

enter image description here

Ich brauche dies:

enter image description here

Das ist mein code.I ein Stück Code am Ende der Funktion hinzugefügt, aber nicht funktioniert:

$(document).ready(function() { 
     $(function() { 
      var date = new Date(); 
      var d = date.getDate(); 
      var m = date.getMonth(); 
      var y = date.getFullYear(); 

      $('#calendar-holder').fullCalendar({ 


       header: { 
        left: 'prev, next', 
        center: 'title', 
        right: 'month, agendaWeek, agendaDay, add_event' 
       }, 
       lazyFetching: true, 
       timeFormat: { 
        // for agendaWeek and agendaDay 
        agenda: 'H:mm', // 5:00 - 6:30 

        // for all other views 
        '': 'H:mm'   // 7p 
       }, 
       eventSources: [ 
        { 

         url: Routing.generate('fullcalendar_loader'), 
         type: 'POST', 

         // A way to add custom filters to your event listeners 
         data: { 
         }, 
         error: function() { 
          //alert('There was an error while fetching Google Calendar!'); 
         } 
        } 
       ], 
       monthNames: ['Styczeń', 'Luty', 'Marzec', 'Kwiecień', 'Maj', 'Czerwiec', 'Lipiec', 'Sierpień', 'Wrzesień', 'Październik', 'Listopad', 'Grudzień'], 
       monthNamesShort: ['Sty', 'Luty', 'Marz', 'Kwie', 'Maj', 'Czer', 'Lip', 'Sier', 'Wrze', 'Paź', 'Lis', 'Gru'], 
       dayNames: ['Niedziela', 'Poniedziałek', 'Wtorek', 'Środa', 'Czwartek', 'Piątek', 'Sobota'], 
       dayNamesShort: ['Niedziela', 'Poniedziałek', 'Wtorek', 'Środa', 'Czwartek', 'Piątek', 'Sobota'], 
       buttonText: { 
        month: 'Miesiąc', 
        week: 'Tydzień', 
        day: 'Dzień' 
       }, 
       eventLimit: true, 
       views: { 
        agenda: { 
         eventLimit: 3 
        } 
       }, 
      }); 
     }); 

Antwort

0

Also, ich habe noch nie von dem Plugin gehört, ich googelte für die Dokumentationen, ich öffnete die Dokumentation und das war die erste Seite, die ich festgestellt, dass Ihr Problem ähnelte: https://fullcalendar.io/docs/display/eventLimit/

Sie müssen ein Ereignislimit zu Ihren Optionen hinzufügen, die die Anzahl der Ereignisse an einem Tag begrenzen. Wie so:

Wenn dies Ihr Problem nicht löst, bitte posten Sie den JavaScript-Code, den Sie verwenden. Wenn dies Ihr Problem gelöst hat, lesen Sie bitte die Dokumentation dieses Plugins, bevor Sie Fragen dazu stellen.