javascript - FullCalendar 事件仅在月 View 中显示

Question

我正在使用 FullCalendar http://fullcalendar.io/在网页上显示一些事件。

日历是这样创建的

$('#calendar').fullCalendar({
        header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
        },
        allDayDefault: false,
        selectable: true,
        selectHelper: true,
        editable: true,
        eventLimit: true, // allow "more" link when too many events
   });

事件是通过 renderEvent 操作(而不是 json feed)创建的，例如

$('#calendar').fullCalendar('renderEvent', newEvent, 'stick');

newEvent 是这样创建的

newEvent = {
                title : 'mytitle',
                start : startDate,
                allDay: false,
                id: eventId,
                description: 'my test event'
            };

问题是事件在月 View 中正确显示，但在周或日 View 中未显示。

更新

我使用以下日期格式:2015-02-01T01:00:00

Answer 1

我创建了一个 plunker reproducing your code 。我在您的代码中看到的唯一问题是创建事件时需要使用逗号。

因此，我使用新的时刻对象创建事件 - 这意味着现在。

  var startDate = moment();
  var eventId = 123;
  var newEvent = {
                title : 'mytitle',
                start : startDate,
                allDay: false,
                id: eventId,   //Is this comma that was missing in your code
                description: 'my test event'
            };

我使用与您正在执行的相同的代码添加它:

$('#calendar').fullCalendar('renderEvent', newEvent, 'stick');

由于您可以检查插件，一切工作正常，因此您向我们提供的代码可能存在的唯一问题:

• 缺少逗号。
• eventId 变量错误
• startDate 变量错误

此外，如果您查看 render event 的文档您没有正确使用“stick”变量。它应该是一个 bool 值。在您的代码中正在工作，因为您可以 checkin line 9229 for version 2.3.1它作为表达式进行比较，因此任何字符串(非空)都将为 true。您可以在此答案中了解更多信息:https://stackoverflow.com/a/4923684/2686163

因此，如果将第三个参数设置为:

• 真实
• “坚持”
• “不粘”
• '假'
• “随便”

...始终被解析为粘性，并添加到stickySource。但是，正如 @slicedtoad 所评论的，您应该更改它以避免 future 版本中出现问题。