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

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

问题描述:

默认情况下,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月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>"); 
        } 
       } 
     }); 
    } 
+3

因此,您希望每个日期都有四个独立的事件而不是一个事件基地?你为什么不直接输入四个独立的事件? – Geshode

+0

@Geshode因为它是一个相同的事件。开始日期表示项目何时被借用,结束日期表示何时需要返回项目。 –

+1

因此,只需将开始日期和结束日期设置为同一天,然后重复四天。是更多的工作,但不应该是一个问题。 – Geshode

生成服务器端代码,它将以下列格式返回给您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数据var和检查。然后更新服务器端代码。

+0

谢谢你这个想法队友。现在我在这里从我的新问题开始工作。 https://*.com/questions/47917157/laravel-collection-push-not-properly-working/47917298#47917298 –