Ben JQuery ve JavaScript ile çalışmak için PHP kullanarak ve fullcalendar entegre ediyorum.

Ben mutlu ay ve hafta boyunca olaylar ile takvim görüntüleme ediyorum. Ben de mutlu oluşturma ve event.Click, Event.RESIZE ve eventDrop kullanarak fullcalendar olayları düzenleme duyuyorum.

Ben düzenleme dönmek ve ardından etc ay / hafta değiştirmeye çalıştığınızda, ancak, ben sadece her yerde ben böylece gün ve görmek için bekliyoruz NaN olsun. Güncelleştirme bir iframe içeren bir Kaplanmış div yapılır. Iframe komut div kapatmak için bir javascript işlevini çağırır ve reFetchEvents kullanarak takvimi yeniler. Orijinal sayfası tamam yeniden görüntülenmesi, ancak takvimin başka bir bölümüne gezinirken ben etkisi açıklanmıştır görürsünüz.

Takvim ekran komut İlgili Parçacığı

function close_upd(){  
/* called by update script in iframe after user hits submit/cancel */  
    $("#update").dialog('close');  
    $("#calendar").fullCalendar('refetchEvents');  
}  
$(document).ready(function(){  
    $('#calendar').fullCalendar({  
        theme: true,  
        defaultView: '<?=$view;?>',  
        firstHour: 8,  
        header: {  
            left: 'prev,next today',  
        center: 'title',  
         right: 'month,agendaWeek,agendaDay'
      },
      selectable: true,  
      selectHelper: true,  
      select: function(startdate, enddate, allDay, jsEvent, view) {  
         window.scrollTo(0,0);  
         var sd = Date.parse(startdate);  
         var ed = Date.parse(enddate);  
         $("#update").html("CALLS IFRAME");  
         $("#update").dialog('open');  
      },  
      editable: true,  
      eventClick: function(calEvent, jsEvent, view) {  
         window.scrollTo(0,0);  
         var sd = Date.parse(calEvent.start);  
         var ed = Date.parse(calEvent.end);  
         $("#update").html("CALLS IFRAME");  
         $("#update").dialog('open');  
      },  
      eventResize: function(calEvent,dayDelta,minuteDelta,revetFunc) {  
         var sd = Date.parse(calEvent.start);  
         var ed = Date.parse(calEvent.end);  
         $.post('./event_update2.php',{'allday':'false', 'event':calEvent.id, 'start':sd,'end':ed}, function(response){  
            if(response.length > 0){  
               alert(response);  
               revertFunc();  
            }  
         });  
      },  
      eventDrop: function(calEvent,dayDelta,minuteDelta,allDay,revetFunc) {  
         var sd = Date.parse(calEvent.start);  
         var ed = Date.parse(calEvent.end);  
         $.post('./event_update2.php',{'allday':allDay, 'event':calEvent.id, 'start':sd, 'end':ed}, function(response){  
            if(response.length > 0){  
               alert(response);  
               revertFunc();  
            }  
         });  
      },  
      eventMouseover: function( event, jsEvent, view ) {  
         var showdatea = $.fullCalendar.formatDate(event.start,"dS MMM yyyy");  
         var showdateb = $.fullCalendar.formatDate(event.start,"hh:mm");  
         showToolTip(jsEvent,event.title+" "+showdatea+" Starts At "+showdateb+" "+event.desc);  
      },  
      eventMouseout: function( event, jsEvent, view ) {  
         hideToolTip();  
      },  
      events: './event_find.php?from=PP'  
   });  
});