FullCalendar dayClick functionality

Question

Hello, I am fairly new to the FullCalendar, but totally love it's functionality. I am trying to use the dayClick function. Perhaps someone can guide me in the right direction.

I currently have this.

dayClick: function (date, allDay, jsEvent, view) { var titleNew = prompt('Event Title:'); var thedate1 = formatDate(date);

            $.ajax({
                url: "classes/class.Post.php?a=dayClickCalendarEvent",
                dataType: 'json',
                data: { 
                      title: titleNew,
                      start: thedate1,
                      end: thedate1
                },
                success: function (data, response, event, date) {

                    $('#calendar').fullCalendar('renderEvent', titleNew);
                },
                error: function () {
                    alert("Oops! Something didn't work");
                }
            });
        },

My problem is that I can't get the event to RENDER to the calendar no matter what. Am I missing something? I am using the calEvent, where I found it on another StackOverflow post.

Any help would be appreciated. Thank you.

Answer 1

I think the problem is in this statement $('#calendar').fullCalendar('renderEvent', titleNew);

titleNew is a string, and the renderEvent function takes a calEvent object.

From the FullCalendar Documentation:

event must be an Event Object with a title and start at the very least. Normally, the event will disappear once the calendar refetches its event sources (example: when prev/next is clicked). However, specifying stick as true will cause the event to be permanently fixed to the calendar.

I'm curious why you are using an Ajax call though, it doesn't seem like you are doing anything with it.

Answer 2

Hey I thank you for your responses, I was able to use this code and it responds great!

dayClick: function (date, allDay, jsEvent, view) { var titleNew = prompt('Event Title:'); var thedate1 = formatDate(date);

            $.ajax({
                url: "classes/class.Post.php?a=dayClickCalendarEvent",
                dataType: 'json',
                data: { 
                      title: titleNew,
                      start: thedate1,
                      end: thedate1
                },
                success: function (data, response, event, date) {
                    //alert("success here");
                    $('#calendar').fullCalendar('renderEvent',
                    {
                        title: titleNew,
                        start: thedate1,
                        end: thedate1
                    }, true);
                },
                error: function () {
                    alert("Oops! Something didn't work");
                }
            });
        },