【问题标题】:FullCalendar Events Not Showing After 8pm in basicDay view在 basicDay 视图中晚上 8 点之后不显示 FullCalendar 事件
【发布时间】:2012-04-26 20:00:32
【问题描述】:

我在使用 FullCalendar 时遇到了一件我无法弄清楚的奇怪事情。我不确定这是 FullCalendar 中的一个小问题还是我正在做的事情(可能是后者)。

晚上 8:00 之后的活动没有显示在 basicDay 视图中的日历上(即晚上 8:00-9:00 的活动)。如果我将活动开始时间设置为晚上 7:59,它将显示出来。我检查了我的时区,一切都设置为东部时间(纽约)。

另一个奇怪的部分是其他视图正确显示。 Month 和 basicWeek 显示删除事件的情况很好,晚上 8:00 之后的任何事件都没有问题。

在此处查看页面(并查看所有代码):http://www.clarksportscenter.com/calendar/。导航到的好日期是 4 月 16 日,然后查看深蓝色日期(Aquatics)。专门查找在晚上 8:00-9:00 发生的名为“Open Laps”的事件。它会默认显示在 basicWeek 中,您将能够看到它。如果单击将日历变为 basicDay 并前进到 4 月 16 日,则该事件将消失。有时,如果您每天向后单击或通过单击月/周/日视图来显示事件,有时则不会。这是有问题的原因是我在主页(http://www.clarksportscenter.com)上也有日历,我不能让它在那里放置事件。

任何帮助将不胜感激!谢谢!

【问题讨论】:

  • 现在我只在所有视图上看到开始时间为 7:59 的事件。你改变了什么吗?另外,您能否发布相关的 Fullcalendar 代码。您可以覆盖大多数默认值,听起来这可能会发生在您的一个视图上。
  • 是的,我将那个特定的事件更改为晚上 7:59,然后它就出现了。如果它设置为晚上 8:00,它就会消失,所以现在这是一个简单的解决方案。我会尽快发布代码。谢谢。
  • 这是设置我的日历的代码:jQuery(document).ready(function() { jQuery('#calendar').fullCalendar({ header: { left: 'prev', center: 'title', right: 'next' }, defaultView: 'basicDay', columnFormat: '', timeFormat: 'h:mm{-h:mm}', titleFormat: 'ddd., MMM. d', buttonText: { prev: '«', next: '»' }, aspectRatio: 1.25, firstDay: 1, currentTimezone: 'America/New_York' });
  • 这是提取日历信息并设置复选框开/关的代码:var aquatics = jQuery.fullCalendar.gcalFeed("https://www.google.com/..."{ className: 'aquatics-events', backgroundColor: '#ffffff', textColor: '#3866b9', borderColor: '#ffffff' } ); jQuery('#calendar').fullCalendar('addEventSource', aquatics); jQuery("#aquatics-check").click(function() {if (jQuery('#aquatics-check').is(':checked') == false) {jQuery('#calendar').fullCalendar('removeEventSource', aquatics);} else {jQuery('#calendar').fullCalendar('addEventSource', aquatics); } });
  • 我正在提取 10 个不同的日历提要,每个提要在晚上 8:00 之后的事件中都有这个问题。 currentTimezone 选项仅在我看到问题出现后才插入(将其从代码中取出并不能解决问题)。感谢您的帮助!

标签: jquery fullcalendar


【解决方案1】:

我无法重现您的问题。

使用完整日历的基本设置,您的所有事件都显示正确,也没有指定时区:

jQuery('#calendar').fullCalendar({
/************** Config ***************/
header: {
    left: 'prev,next today',
    center: 'title',
    right: 'month,agendaWeek,agendaDay'
}
/************** Events ***************/
, eventSources: [
    { // gym
    url: "https://www.google.com/calendar/feeds/--YOUR_SWIM_EVENTS--group.calendar.google.com/public/basic"
    , className: "gym-event"
    // , currentTimezone: 'America/New_York'
    }
]
});

....以及您的活动截图:http://tinypic.com/r/lb1ia/5

也许更新到 fullcalendar 1.5.3 就可以了?

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多