jQuery FullCalendar - cercando di aggiungere eventi e visualizzazione sul calendario fallito

Question

Sto cercando di capire come utilizzare brillante plugin per jQuery di Adam Shaw - FullCalendar aggiungere un evento sul nostro progetto: linea pagina palloncino ordinazione in fase di sviluppo

In sostanza, se si fa clic su "step1" e scegliere "pick-up in negozio", la pagina che porterà alla visualizzazione del calendario, in cui è possibile fare clic sull'angolo in alto a destra sul pulsante "Settimana" per modificare la vista di una base settimanale. Quello che sto cercando di realizzare è quando il cliente fa clic su uno slot vuoto in un giorno, lei può creare il suo evento in quel luogo. 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 renderEvent modo per creare un evento del genere . Tuttavia, anche se il mio codice viene eseguito senza errori e posso vedere il detto prompt di cui slot è stato cliccato, non sarebbe rendere un evento così nuovo sul calendario.

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

Ogni suggerimento sarebbe molto apprezzato, grazie mille in anticipo.

Answer 1

Si tratta di una semplice svista. Il valore di type nella funzione loadCalender(type) è impostato pickupCalendar dal closeStep1OpenSetp2("pickupCalendar"); chiamata.

Ma che fai $('#' + type + 'Calendar') che restituisce $('#pickupCalendarCalendar') e non v'è alcun elemento con questo ID. Corretta sarebbe $('#pickupCalendar') quindi o rimuovere calendario nel parametro o fosso la + 'Calendar'. Allora dovrebbe funzionare bene