首页 > web前端 > js教程 > 正文

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

Mary-Kate Olsen
发布: 2024-11-20 16:33:26
原创
441 人浏览过

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) &&
                event.end.isAfter(range.start));

    }).length)>0;
}
登录后复制

过夜:

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

{
  start: '10:00', 
  end:   '27:00', 
  dow: [1]
}
登录后复制

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板