FullCalendar 与 Gcal 不会在 basicDay 视图中显示晚上 7 点之后的事件

Question

由于某种原因，fullcalendar 不会在 basicDay 视图中显示晚上 7 点之后发生的任何事件。 事件显示在月视图中，但不在基本日视图中。

任何想法将不胜感激。

这是我的代码。我在同一页上有两个日历。第一个是月视图，第二个是基本日视图。

  $(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

这是因为您位于 EST。创建新活动时，时间为格林尼治标准时间 (GMT) 中午 12:00，因此 -5 小时 = 晚上 7 点。您可能想查看使用ignoreTimezone http://arshaw.com/fullcalendar/docs/event_data/< /a>

Answer 2

你遇到什么错误？当我用晚上 7 点后的活动替换你的 google feed 时，它显示正常。 （虽然你的例子有一个额外的）};需要将其删除。

       $('#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 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
}