基于日期开始和结束的FullCalendar上的重复事件
问题描述:
默认情况下,FullCalendar将事件库在开始日期延伸到结束日期。例如,基于日期开始和结束的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>");
}
}
});
}
答
生成服务器端代码,它将以下列格式返回给您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 –
因此,您希望每个日期都有四个独立的事件而不是一个事件基地?你为什么不直接输入四个独立的事件? – Geshode
@Geshode因为它是一个相同的事件。开始日期表示项目何时被借用,结束日期表示何时需要返回项目。 –
因此,只需将开始日期和结束日期设置为同一天,然后重复四天。是更多的工作,但不应该是一个问题。 – Geshode