基于日期开始和结束在 FullCalendar 上重复事件

Posted

技术标签:

【中文标题】基于日期开始和结束在 FullCalendar 上重复事件【英文标题】:Repeat events on FullCalendar base on date start and end 【发布时间】:2018-05-31 11:10:50 【问题描述】:

默认情况下,FullCalendar 将事件基础从开始日期延伸到结束日期。例如,


"title": "2",
"start": "2017-12-17",
"end": "2017-12-20",
"icon": "fa-truck"
,

我的问题在这里Recurring Events in FullCalendar 有点相似,但这个使用时间和星期几。

我想要的是,从 2017-12-17、2017-12-18、2017-12-19、2017-12-20 开始,“卡车”事件将继续出现。

这是我的代码。

function calendar(data)
        $('#calendar').fullCalendar(
             events: data,
             eventRender: function(event, element) 
                  if(event.icon)          
                     element.find(".fc-event-title").prepend("<i class='fa "+event.icon+"'></i>");
                  
               
        );
       

【问题讨论】:

那么,您想要四个单独的事件库,而不是一个扩展事件库,每个日期一个?为什么不直接输入四个单独的事件? @Geshode 因为这是同一事件。开始日期表示物品被借用的时间,结束日期表示物品需要归还的时间。 因此,只需将开始日期和结束日期设置为同一天,然后在所有四天重复此操作。更多的工作,但不应该是一个问题。 Geshode 所说的是您可以做到的唯一方法(除了使用您发布的链接中描述的扩展代码) - 如果您不将其呈现为单独的事件对象,则无法在随后的几天中正确定位标题。 【参考方案1】:

生成服务器端代码,它将以以下格式返回 json。您可以使用 javascript 以及硬值来交叉检查。


"title": "2",
"start": "2017-12-17",
"end": "2017-12-17",
"icon": "fa-truck"
,

"title": "2",
"start": "2017-12-18",
"end": "2017-12-18",
"icon": "fa-truck"
,

"title": "2",
"start": "2017-12-19",
"end": "2017-12-19",
"icon": "fa-truck"
,

等等……

您可以将上述 json 分配给 data var 并检查。然后更新服务器端代码。

【讨论】:

感谢您的想法。现在我根据我的新问题在这里工作了。 ***.com/questions/47917157/…

以上是关于基于日期开始和结束在 FullCalendar 上重复事件的主要内容,如果未能解决你的问题,请参考以下文章

如何在FullCalendar v2.1.1中指定自定义日期范围?

FullCalendar 5 - 如何获取事件系列的结束日期 - eventClick?

使用fullCalendar将allDay设置为false时,如何动态设置事件开始和结束时间?

修改fullcalendar.js中的日期

日程日历系统,顶级插件FullCalendar使用说明

日期设置 fullCalendar