jQuery FullCalendar - versuchen, Event- und Anzeige auf dem Kalender hinzufügen fehlgeschlagen

Question

Ich versuche, wie zu trainieren Adam Shaw brillante jQuery-Plugin verwenden - FullCalendar ein Event auf unserem Projekt hinzuzufügen: online balloon ordering page under development

Grundsätzlich, wenn Sie klicken auf "Schritt1" und wählen Sie "Abholung im Geschäft", die Seite bringt Sie zur Kalenderansicht, wo Sie auf die "Woche" -Schaltfläche oben rechts klicken, um die Ansicht auf eine wöchentliche Basis zu ändern. Was ich versuche zu erreichen ist, wenn der Kunde an einem Tag auf einen leeren Platz klickt, kann er dort sein Event erstellen. Hier ist mein Code in custom.js:

dayClick: function() 
      { 

       var n = parseInt(this.className.match(/fc\-slot(\d+)/)[1]); 
       alert('a day has been clicked on slot ' + n); 

       //trying to add an event using the renderEvent() method. 
       $('#' + type + 'Calendar').fullCalendar('renderEvent', 
         { 
          title : 'my pickup slot', 
          start : new Date(y,m,d, 12, 30), 
          end : new Date(y,m,d, 13, 00), 
         }); 
      } 

Es wird versucht FullCalendar API-Methode zu verwenden renderEvent so ein solches Ereignis zu erstellen. Obwohl mein Code ohne Fehler ausgeführt wird und ich die Eingabeaufforderung sehen kann, die besagt, auf welchen Slot geklickt wurde, wird ein solches neues Ereignis im Kalender nicht angezeigt.

Gibt es eine andere Möglichkeit dies zu tun oder mein Code macht etwas falsch?

Jeder Vorschlag würde sehr geschätzt werden, vielen Dank im Voraus.

Answer 1

Es ist eine einfache Aufsicht. Der Wert type in der Funktion loadCalender(type) wird vom Aufruf closeStep1OpenSetp2("pickupCalendar"); auf pickupCalendar gesetzt.

Aber Sie tun $('#' + type + 'Calendar'), die zu $('#pickupCalendarCalendar') auswertet und es gibt kein Element mit dieser ID. Korrekt wäre $('#pickupCalendar'), also entferne entweder den Kalender im Parameter oder ziehe die + 'Calendar'. Dann sollte es ganz gut funktionieren