Fullcalendar onEventClick顯示錯誤日期

Question

我在我的應用程序中使用了fullcalendar對象。我將日曆事件動態更新到日曆，並且它們完美呈現。但是，當我點擊回調函數中的事件時，即使已經完成，也會通過添加本地時區顯示日期&。

以下是日曆事件的圖像&單擊事件函數回調輸出。

這裏是示例代碼

HTML

<div id='calendar'></div> 

JS

$(document).ready(function() { 


    var onEventClick = function (calEvent,jsEvent,view){ 
    console.log(calEvent); 
} 

    $('#calendar').fullCalendar({ 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
     }, 
     defaultDate: new Date(), 
     defaultView: 'month', 
     editable: true, 
     events: [ 
      { 
       title: 'Long Event', 
       end: moment("2017-08-04T23:30:00.000Z"), 
       start: moment("2017-08-04T22:30:00.000Z"), 
     dow:[1,3,5] 
      } 
     ], 
    eventClick: onEventClick, 
    }); 

}); 

JSFiddle Link

可以在任何一個點出這裏出了什麼問題

Answer 1

這是您的解決方案：Click here。

我只是在事件中添加兩個值，一個是start_date，另一個是end_date，請在控制檯中檢查這兩個對象。現在新的代碼是：

$(document).ready(function() { 
 
\t \t 
 
    
 
\t \t var onEventClick = function (calEvent,jsEvent,view){ 
 
    \t console.log(calEvent); 
 
    } 
 
    
 
\t \t $('#calendar').fullCalendar({ 
 
\t \t \t header: { 
 
\t \t \t \t left: 'prev,next today', 
 
\t \t \t \t center: 'title', 
 
\t \t \t \t right: 'month,agendaWeek,agendaDay' 
 
\t \t \t }, 
 
\t \t \t defaultDate: new Date(), 
 
\t \t \t defaultView: 'month', 
 
\t \t \t editable: true, 
 
\t \t \t events: [ 
 
\t \t \t \t { 
 
\t \t \t \t \t title: 'Long Event', 
 
\t \t \t \t \t end: moment("2017-08-04T23:30:00.000Z"), 
 
\t \t \t \t \t start: moment("2017-08-04T22:30:00.000Z"), 
 
      start_date:moment("2017-08-04T22:30:00.000Z"), 
 
      end_date:moment("2017-08-04T23:30:00.000Z"), 
 
      dow:[1,3,5] 
 
\t \t \t \t } 
 
\t \t \t ], 
 
     eventClick: onEventClick, 
 
\t \t }); 
 
    
 
\t });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://fullcalendar.io/js/fullcalendar-2.2.5/fullcalendar.css" rel="stylesheet"/> 
 
<script src="https://fullcalendar.io/js/fullcalendar-2.2.5/lib/moment.min.js"></script> 
 
<script src="https://fullcalendar.io/js/fullcalendar-2.2.5/fullcalendar.min.js"></script> 
 

 

 

 

 

 
<div id='calendar'></div>

，你會發現裏面start_date和end_date對象原來的日期。

希望這個回答對你有幫助。