Bootstrap FullCalendar未捕获的TypeError：undefined不是函数

Question

I'm working on FullCalendar to make a scheduler. I cannot seem to add any events to my mysql database because I get an error:

Uncaught TypeError: undefined is not a function.

Chrome is highlighting the following line:

var start = $.fullCalendar.formatDate(start, "yyyy-MM-dd HH:mm:ss");

Any ideas why? I have fullCalendar v 2.1.1. referenced properly.

Here's the full script.

//do all the calendar stuff for adding a new appt.
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();

var calendar = $("#calendar").fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    editable: true,
    slotDuration: '00:10:00',
    defaultView: 'agendaWeek',
    draggable: true,
    events: 'json_appointments.php',
    eventRender: function(event, element, view) {
        if (event.allDay == true) {
         event.allDay = true;
        } else {
         event.allDay = false;
        }
   },
    eventClick:  function(event, jsEvent, view) {
        $('#modalTitle').html(event.title);
        $('#modalBody').html(event.reason + ' ' + event.pre_notes);
        $('#fullCalModal').modal();
    },
     loading: function(bool) { 
        if (bool) $('#loading').show(); 
        else $('#loading').hide(); 
     },
    selectable: true,
    selectHelper: true,
    select: function(start, end, allDay) {
       var title = prompt('Event Title:');
       if (title) {
           var start = $.fullCalendar.formatDate(start, "yyyy-MM-dd HH:mm:ss");
           var end = $.fullCalendar.formatDate(end, "yyyy-MM-dd HH:mm:ss");
           $.ajax({
               url: 'ajax_add_appt.php',
               data: 'title='+ title+'&start='+ start +'&end='+ end,
               type: "POST",
               success: function(json) {
               alert('Added Successfully');
               }
           });
           calendar.fullCalendar('renderEvent',
               {
               title: title,
               start: start,
               end: end,
               allDay: allDay
               },
            true // make the event "stick"
           );
       }

       calendar.fullCalendar('unselect');
   },
   eventDrop: function(event, delta) {
       var start = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm:ss");
       var end = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm:ss");
       $.ajax({
           url: '',
           data: 'title='+ event.title+'&start='+ start +'&end='+ end +'&id='+ event.id ,
           type: "POST",
           success: function(json) {
                alert("Updated Successfully");
           }
       });
    },
   eventResize: function(event) {
       var start = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm:ss");
       var end = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm:ss");
       $.ajax({
        url: 'http://localhost:8888/fullcalendar/update_events.php',
        data: 'title='+ event.title+'&start='+ start +'&end='+ end +'&id='+ event.id ,
        type: "POST",
        success: function(json) {
         alert("Updated Successfully");
        }
       });

    }
});

Answer 1

Thanks for the comments. I did have moment.js referenced.

I just had to edit my script like this:

var start=moment(start).format('YYYY-MM-DDTHH:mm:ssZ'); 
var end=moment(end).format('YYYY-MM-DDTHH:mm:ssZ'); 

... based on the other stack link that Alvaro mentioned. Thank you.