在FullCalendar上指定多日事件的开始和结束时间

时间:2015-04-12 03:19:45

标签: javascript jquery calendar fullcalendar

我在FullCalendar上发生了以下事件:

{ title : "My Meeting" , start : "2015-04-15T08:00", end : "2015-04-17T17:00" }

所以我的活动将于4月15日开始,并于4月17日结束,并在每天上午8点至下午5点进行。但FullCalendar会在周日和日期视图中显示该事件,就好像它从4月15日上午8点到4月17日下午5点发生不间断。像这样:

  • 4月15日:早上8点至凌晨12点;
  • 4月16日:上午12点至凌晨12点;
  • 4月17日:上午12点至下午5点。

我希望活动能够跨越这3天,但只能在每天的上午8点到下午5点显示周和日视图。像这样:

  • 4月15日:上午8点至下午5点;
  • 4月16日:上午8点至下午5点;
  • 4月17日:上午8点至下午5点。

可以这样做吗?我应该如何设置我的事件属性来实现这一目标?

1 个答案:

答案 0 :(得分:0)

您必须使用eventConstraint dow(星期几),请参阅documentation

示例:

             var event = [{
                title: "My repeating event",
                start: '10:00', // a start time (10am in this example)
                end: '14:00', // an end time (2pm in this example)
                dow: [1, 4], // Repeat monday and thursday
                ranges: [{start: "2017-07-01", end: "2017-07-15"},]
            },
            {
                title: "My repeating event 2",
                start: '10:00', // a start time (10am in this example)
                end: '14:00', // an end time (2pm in this example)
                dow: [1, 4], // Repeat monday and thursday
                ranges: [{start: "2017-08-01", end: "2017-08-15"},]
                }
            ];