jQuery FullCalendar - cercando di aggiungere eventi e visualizzazione sul calendario non è riuscito

Question

Sto cercando di capire come utilizzare brillante plugin per jQuery di Adam Shaw - FullCalendar aggiungere un evento sul nostro progetto: online balloon ordering page under development

In sostanza, se si fa clic su "step1" e scegli "ritiro in negozio", la pagina ti porterà alla vista calendario, dove puoi cliccare sull'angolo in alto a destra sul pulsante "settimana" per modificare la visualizzazione su base settimanale. Quello che sto cercando di ottenere è quando il cliente fa clic su uno slot vuoto in un giorno, lei può creare il suo evento in quel punto. Ecco il mio codice 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), 
         }); 
      } 

Si tenta di utilizzare il metodo API del FullCalendar renderEvent modo per creare un evento del genere. Tuttavia, anche se il mio codice funziona senza errori e posso vedere il prompt che indica quale slot è stato cliccato, non renderà tale nuovo evento sul calendario.

C'è un altro modo per fare questo o il mio codice fa qualcosa di sbagliato?

Qualsiasi suggerimento sarebbe molto apprezzato, grazie mille in anticipo.

Answer 1

È una semplice svista. Il valore di type nella funzione loadCalender(type) è impostato su pickupCalendar dalla chiamata closeStep1OpenSetp2("pickupCalendar");.

Ma si fa $('#' + type + 'Calendar') che viene valutato a $('#pickupCalendarCalendar') e non esiste alcun elemento con questo ID. Corretto sarebbe $('#pickupCalendar') quindi rimuovere Calendar nel parametro o abbandonare lo + 'Calendar'. Allora dovrebbe funzionare bene