【问题标题】:Full calendar events are not spanning across multiple days完整的日历事件不跨越多天
【发布时间】:2016-04-24 07:09:28
【问题描述】:

我一直在开发一个 Web 应用程序,该应用程序需要一个显示事件及其相关信息的日历。我一直在使用full calendar API 为我处理日历。但是,每当我有一个跨越多天的事件时,日历都不会在每一天呈现该事件。它只会在第一天显示该事件,然后在下一个星期日再次显示,这对我来说没有意义。我知道完整的日历支持这一点,因为我在他们的网站上看到了一个例子,但我不知道我做错了什么。

这就是我初始化日历和插入事件的方式

$(document).ready(function(){
  //initialize calendar
  $('#calendar').fullCalendar({
    //options and callbacks
    // your event source
    eventSources: [
      {
        events: [ // put the array in the `events` property
            {
                title  : 'event1',
                start  : '2016-01-15T23:59',
                end    : '2016-01-21T00:01',
                isMultipleDay: true
            }
        ],
        color: 'blue',     // an option!
        textColor: 'yellow', // an option!
        nextDayThreshold: "00:01"
      }
      // any other event sources...
    ]
  });
});

【问题讨论】:

  • 你能提供你看到的例子的链接吗
  • 这是一个工作示例fullcalendar.io
  • 您从哪里获得isMultipleDay 选项?我在文档中没有看到它

标签: javascript events calendar fullcalendar days


【解决方案1】:

所以我发现完整日历 api 提供的 css 文件之一不正确,我不确定我是否引用了错误的文件,或者给我的文件是否有问题。但我只是使用了与工作示例相同的文件,并且几乎可以正常工作。

但时区数据仍然是必需的,因为结束日期是唯一的,所以如果没有时间,事件就会少一天。所以这段代码确实有效。

events: [{
   title  : 'event1',
   start  : '2016-01-15',
   end    : '2016-01-21T23:59:59'
}]

【讨论】:

    【解决方案2】:

    在他们的游戏示例中,他们省略了时区数据。

    尝试以下方法:

    events: [{
     title  : 'event1',
     start  : '2016-01-15',
     end    : '2016-01-21',
    }]
    

    【讨论】:

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