如何在 FullCalendar 中创建仅在一周中的特定日期发生的重复事件？-js教程-PHP中文网

如何在 FullCalendar 中创建仅在一周中的特定日期发生的重复事件？

Mary-Kate Olsen

发布： 2024-11-20 16:33:26

原创

548 人浏览过

How can I create recurring events in FullCalendar that occur only on specific days of the week?

FullCalendar 中的重复事件

FullCalendar 提供了多种处理重复事件的选项，包括按天。要创建仅在一周中的某些天发生的重复事件，您可以使用 dow（星期几）数组。

简单重复事件：

对于简单的每周重复活动，例如“每周一和周四上午 10:00 至下午 02:00”，您可以使用以下代码：

events: [{
    title:"My repeating event",
    start: '10:00',
    end: '14:00',
    dow: [ 1, 4 ] // Repeat monday and thursday
}]

登录后复制

添加限制：

要将重复次数限制为特定的开始和结束日期，请使用范围数组：

eventId  timeStart  timeEnd   dow    dateStart      dateEnd
     1      10:00    12:00  [1,4]  2015/03/01   2015/04/01  // Month of March
     1      10:00    12:00  [1,4]  2015/05/01   2015/06/01  // Month of May
     1      10:00    12:00  [1,4]  2016/01/01   2017/01/01  // Year of 2017

登录后复制

在客户端，使用 eventRender 过滤掉指定范围之外的事件：

eventRender: function(event){
    return (event.ranges.filter(function(range){ 
        return (event.start.isBefore(range.end) &amp;&amp;
                event.end.isAfter(range.start));

    }).length)>0;
}

登录后复制

过夜：

对于跨越多天的过夜活动，只需将结束时间设置为大于 24:00：

{
  start: '10:00', 
  end:   '27:00', 
  dow: [1]
}

登录后复制

以上是如何在 FullCalendar 中创建仅在一周中的特定日期发生的重复事件？的详细内容。更多信息请关注PHP中文网其他相关文章！