jquery Full Calendar not showing events

Question

I am using asp.net mvc to list the events in the jquery full calendar. Below is the script i am using to list the events through json from mvc.

$('#calendar').fullCalendar({
  theme: true,
  editable: true,
  disableDragging: true,
  disableResizing: true,
  header: {
   left: 'prev,next today',
   center: 'title',
   right: 'month,basicWeek,basicDay'
  },
  events: function(start, end, callback) {
        // do some asynchronous ajax
        $.getJSON("/User/GetEvents/",
            {
                    start: dateFormat(start.getTime()),
                    end: dateFormat(end.getTime())
            },
            function(result) {
                    // then, pass the CalEvent array to the callback
                    callback(result);
            })
        },
  eventClick : function(event) {
   editEventShow(event);
  },
  dayClick : function(dayDate){
      addEventShow(dayDate, this);
  }
 });

But the above script not showing any events in the calendar. What am i doing wrong in the above script?

Answer 1

It has been solved when i parsed the date from the events from json as:

events: function(start, end, callback) {
            // do some asynchronous ajax
            contentType:"application/json; charset=utf-8",
            $.getJSON("/User/GetEvents/",
                    {
                            start: dateFormat(start.getTime()),
                            end: dateFormat(end.getTime())
                    },
                    function(result) {
                            if(result != null)
                            {
                                for (i in result) {
                                    var calEvent = result[i];
                                    calEvent.date = new Date(parseInt(calEvent.date.replace("/Date(", "").replace(")/", ""), 10));
                                    calEvent.start = new Date(parseInt(calEvent.start.replace("/Date(", "").replace(")/", ""), 10));
                                    calEvent.end = new Date(parseInt(calEvent.end.replace("/Date(", "").replace(")/", ""), 10));
                                }
                            }

                            var calevents = result;
                            // then, pass the CalEvent array to the callback
                            callback(calevents);

                    });

        },

Answer 2

you can also fromat the Date string on the server side with

DateTime.Now.ToString("s"):

see: http://weblogs.asp.net/gunnarpeipman/archive/2010/02/03/using-fullcalendar-jquery-component-with-asp-net-mvc.aspx