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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了基于日期开始和结束,在FullCalendar上重复事件相关的知识,希望对你有一定的参考价值。

默认情况下,FullCalendar会在开始日期到结束日期之前拉伸事件。例如,

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

enter image description here

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

我想要的是,“卡车”活动将在2017-12-17,2017-12-18,2017-12-12,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>");
                  }
               }
        });
    }   
答案

生成服务器端代码,它将以下列格式返回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并进行检查。然后更新服务器端代码。

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

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

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

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

修改fullcalendar.js中的日期

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

日期设置 fullCalendar