jQuery FullCalendar - se trata de añadir eventos y visualización en el calendario no

Question

Estoy tratando de encontrar la manera de uso brillante plugin de jQuery de Adam Shaw - FullCalendar añadir un evento en nuestro proyecto: online balloon ordering page under development

Básicamente, si hace clic en "paso 1" y elija "recoger en tienda", la página lo llevará a la vista del calendario, donde puede hacer clic en la esquina superior derecha en el botón "semana" para modificar la vista a una vez a la semana. Lo que intento lograr es que cuando el cliente haga clic en una ranura vacía en un día, pueda crear su evento en ese lugar. Aquí está mi código en 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), 
         }); 
      } 

Se trata de utilizar el método de la API del FullCalendar renderEvent manera de crear tal evento. Sin embargo, aunque mi código se ejecuta sin error y puedo ver el mensaje indicando en qué ranura se ha hecho clic, no representará un evento nuevo en el calendario.

¿Hay alguna otra manera de hacer esto o mi código hace algo mal?

Cualquier sugerencia sería muy apreciada, muchas gracias de antemano.

Answer 1

Es un simple descuido. El valor de type en la función loadCalender(type) se establece en pickupCalendar a partir de la llamada closeStep1OpenSetp2("pickupCalendar");.

Pero usted hace $('#' + type + 'Calendar') que evalúa a $('#pickupCalendarCalendar') y no hay ningún elemento con esta identificación. Correcto sería $('#pickupCalendar'), por lo tanto, elimine el calendario en el parámetro o elimine el + 'Calendar'. Entonces debería funcionar bien