FullCalendar with Gcal將不會在basicDay視圖下午7點後顯示事件

Question

由於某些原因，fullcalendar將不會在basicDay視圖中顯示7PM後發生的任何事件。 事件在月視圖中顯示，但不在basicDay視圖中顯示。

任何想法，將不勝感激。

這是我的代碼。我在同一頁面上有兩個日曆。第一個是月視圖，第二個是basicDay視圖。

$(document).ready(function() { 

    // page is now ready, initialize the calendar... 

    $('#calendar').fullCalendar({ 
    weekMode:'variable', 
    events: $.fullCalendar.gcalFeed(
    "http://www.google.com/calendar/feeds/google_account/public/basic" 
    ), 
    eventClick: function(event) { 
    if (event.url) { 
    window.open(event.url,"_blank","toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=750, height=450"); 
    return false; 
    } 
    } 
    }); 

    $('#calendar_min').fullCalendar({ 
    height:193, 
    header:false, 
     defaultView: 'basicDay', 
    events: $.fullCalendar.gcalFeed(
    "http://www.google.com/calendar/feeds/google_account/public/basic" 
    ), 
    eventClick: function(event) { 
    if (event.url) { 
    window.open(event.url,"_blank","toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=750, height=450"); 
    return false; 
    } 
    } 
    }); 
}); 

Answer 1

你會得到什麼錯誤？當我在晚上7點後將您的谷歌飼料替換爲事件時，它顯示正常。 （雖然你的例子有一個額外的）};需要刪除。

 $('#calendar_min').fullCalendar({ 
      height: 193, 
      header: false, 
      defaultView: 'basicDay', 
      events: [ 
      { 
       title: 'Day', 
       start: new Date(y, m, d, 20), 
       end: new Date(y, m, d, 21), 
       description: 'long description3', 
       id: 2 
      }], 
      eventClick: function(event) { 
       if (event.url) { 
        window.open(event.url, "_blank", "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=750, height=450"); 
        return false; 
       } 
      } 
     }); 

Answer 2

這是由於您位於美國東部時間。當創建一個新的事件的時間是格林威治標準時間上午12:00，所以-5小時= 7pm。你可能想看看使用ignoreTimezone在http://arshaw.com/fullcalendar/docs/event_data/

Answer 3

我有一個類似的問題。 Google日曆時區爲EDT，顯示屏中缺少最近4小時的事件。

我改變了fullcalendar.js（849行）中的fetchAndRenderEvents（）來解決這個問題。

它是：

function fetchAndRenderEvents() { 
     fetchEvents(currentView.start, currentView.end); 
      // ... will call reportEvents 
      // ... which will call renderEvents 
    } 

我加一天的currentView.end

function fetchAndRenderEvents() { 
    // Add 1 day to end to ensure all events are fetched when the time zone is applied. 
    fetchEvents(currentView.start, currentView.end.add(1, 'days')); 
     // ... will call reportEvents 
     // ... which will call renderEvents 
}