2017-10-08 4 views
0

J'utilise FullCalendar3.5.1 Tout fonctionne correctement, sauf quand il y a plus d'un événement pour la journée (ils viennent dynamiquement via JSON), il suffit d'afficher + N de plus. Les exemples I J'ai vu qu'il devrait afficher au moins un titre d'événement et ensuite dire + (N-1) plus. Mais pour moi, même s'il y a 2 événements, il affiche pas et dire +2 plus enter image description hereFullCalendar display + N plus mais pas le titre

$(document).ready(function() { 

    $('#calendar').fullCalendar({ 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
     }, 
     defaultDate: new Date(), 
     editable: true, 
     eventBackgroundColor: '#3672BB', 
     eventLimit: {    
      'default': false // display all events for other views 
     }, 
     eventClick: function(calEvent, jsEvent, view) { 
      if (calEvent.isSvey){ 
       LoadApptPage(calEvent.eventID,'2'); 
       } 
      else{ 
       LoadApptPage(calEvent.eventID,'1'); 
      } 
     }, 
     events: [{"aID":"62241-008","start":"10\/11\/2017","eventID":9608,"isSvey":1,"autoschld":0,"missed":0,"title":"62241-008 - "},{"aID":"162215-003","start":"10\/11\/2017","eventID":9606,"isSvey":1,"autoschld":0,"missed":0,"title":"162215-003 - Construction LLC"},{"aID":162738,"start":"10\/24\/2017","eventID":9607,"isSvey":1,"autoschld":1,"missed":0,"title":"162738 - "}], 
     eventRender: function(event, element) { 
      //element.find(".fc-title").remove(); 
      element.find(".fc-time").remove(); 
      var pbSveyFlag = event.isSvey ? 2 : 1; 
      //var new_description = '<a style="color:#FFF;font-Weight:bold;" href="javascript:LoadApptPage(' + event.eventID +',' + pbSveyFlag +')">' 
      // + event.title + '</a><br/><br/> +' 
      var new_description = 
       '<br/><a style="color:#FFF;font-Weight:bold;" href="javascript:LoadFurPage(' + '&#39;' + event.aID + '&#39;' +',' + '&#39;'+pbSveyFlag +'&#39;' +')">' 
       + '<strong>View: </strong>' + '</a>' + '&nbsp;&nbsp;&nbsp;&nbsp;' 
       + generateLink(event.autoschld,event.missed,event.eventID,event.aID) 

      ; 
      element.append(new_description); 
     } 
    }); 

}); 

+0

Montrez-nous votre code, et un ensemble minimal de données d'événement afin que nous puissions essayer d'aider [Comment créer un exemple minimal, complet, vérifiable] (https:. // stackoverflow.com/help/mcve) –

+0

Le code a été ajouté –

Répondre

2

Votre syntaxe eventLimit est incorrecte. Vous ne devez spécifier false, comme ceci:

eventLimit: false, 

En fait the default is false, vous pouvez simplement laisser cette tous ensemble et cela fonctionnera même.

Working JSFiddle. J'ai dû supprimer votre référence à generateLink(), ce n'est pas pertinent pour le problème actuel. J'ai également supprimé votre rappel eventClick car il ne concerne pas le problème actuel. Note latérale - vos valeurs start n'ont pas besoin de barres obliques. En outre, ils ne sont pas des valeurs Moment-ish (as described in the docs), donc générer des avertissements sur la console.Les docs lien vers la page ISO8601 Wikipedia qui montre plusieurs exemples de formats de date appropriés.Si vous n'avez pas de temps, le plus simple serait juste de utiliser AAAA-MM-JJ:

"start":"2017-10-11", 
+0

Merci, cela a résolu le problème. –