2009-10-09 12 views
4

J'utilise asp.net mvc pour lister les événements dans le calendrier complet de jquery. Ci-dessous le script que j'utilise pour lister les événements via json à partir de mvc.jquery Calendrier complet pas d'affichage des événements

$('#calendar').fullCalendar({ 
     theme: true, 
     editable: true, 
     disableDragging: true, 
     disableResizing: true, 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,basicWeek,basicDay' 
     }, 
     events: function(start, end, callback) { 
     // do some asynchronous ajax 
     $.getJSON("/User/GetEvents/", 
      { 
        start: dateFormat(start.getTime()), 
        end: dateFormat(end.getTime()) 
      }, 
      function(result) { 
        // then, pass the CalEvent array to the callback 
        callback(result); 
      }) 
     }, 
     eventClick : function(event) { 
      editEventShow(event); 
     }, 
     dayClick : function(dayDate){ 
      addEventShow(dayDate, this); 
     } 
    }); 

Mais le script ci-dessus n'affiche aucun événement dans le calendrier. Qu'est-ce que je fais de mal dans le script ci-dessus?

+0

Pourriez-vous également inclure un exemple de sortie de "/ User/GetEvents /"? – ayaz

+0

Voici la réponse de json: [{"id": 1, "title": "Événement du contrôleur", "allDay": true, "date": "\/Date (-62135596800000) \ /", "start": "\/Date (1255) \ /", "end": "\/Date (1255185157109) \ /", "modifiable": true}] – Prasad

+0

Lorsque je débogue le script en utilisant firebug, son affichage par défaut date (Fri Jan 01 1255 00:00:00 GMT + 0530 (heure normale de l'Inde)). Comment puis-je analyser la date dans le résultat JSON? – Prasad

Répondre

4

Il a été résolu quand j'analysables la date des événements de JSON comme:

events: function(start, end, callback) { 
      // do some asynchronous ajax 
      contentType:"application/json; charset=utf-8", 
      $.getJSON("/User/GetEvents/", 
        { 
          start: dateFormat(start.getTime()), 
          end: dateFormat(end.getTime()) 
        }, 
        function(result) { 
          if(result != null) 
          { 
           for (i in result) { 
            var calEvent = result[i]; 
            calEvent.date = new Date(parseInt(calEvent.date.replace("/Date(", "").replace(")/", ""), 10)); 
            calEvent.start = new Date(parseInt(calEvent.start.replace("/Date(", "").replace(")/", ""), 10)); 
            calEvent.end = new Date(parseInt(calEvent.end.replace("/Date(", "").replace(")/", ""), 10)); 
           } 
          } 

          var calevents = result; 
          // then, pass the CalEvent array to the callback 
          callback(calevents); 

        }); 

     }, 
+0

bonjour encore prasad, heureux que vous ayez eu ce travail. seriez-vous capable de marquer cette question aussi (tag: "fullcalendar"). Merci beaucoup! – arshaw

+0

Salut prasad, je suis également confronté au même problème, comme vous avez déjà été trier cela, veuillez me dire quelle est la méthode dateFormat() et ce que les 10 feront dans la méthode de remplacement. s'il vous plaît me suggérer comment créer mon objet de réponse JSON afin que les données peuvent être affichées en fullcalendar Merci – Bhupi

Questions connexes