I have JSON data and I would like to show that on Full Calender

Question

function getMTPForCalendar(){
    var data=$('#mtp-form').serialize();  
    $.ajax({
            type :'GET',
            dataType: 'json',
            data: data,
             url : "${pageContext.request.contextPath}/mtp/mtpForCalendar",

            success:function(data, textStatus, jqXHR)
            {
                var eventData=[];

                alert(JSON.stringify(data))
                 for(var i=0;i<data.length;i++){ 
                 var source = { events:[
                                        {
                                            title: data[i]['doctorName'],
                                            start: data[i]['plannedDate']
                                        }
                            ]};
                $('#calendar').fullCalendar( 'addEventSource', source );

                }

            },
            error: function(jqXHR, textStatus, errorThrown)
            {

            }

    }); 

the values are coming but the problem is that only 1 event value generated..and after again search the same value arises on that particular date..I think Loop is not proper working..Give me the Appropriate code..

Answer 1

我认为您应该使用$（'＃calendar'）。fullCalendar（'addEvent'，event）而不是$（'＃calendar'）。fullCalendar（'addEventSource'，source），或者在源中设置所有事件，然后在for循环之后添加addEventSource。