基於日期開始和結束的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>"); 
        } 
       } 
     }); 
    }

來源

2017-12-18 Vahn Marty Cagalawan

因此，您希望每個日期都有四個獨立的事件而不是一個事件基地？你爲什麼不直接輸入四個獨立的事件？ – Geshode

@Geshode因爲它是一個相同的事件。開始日期表示項目何時被借用，結束日期表示何時需要返回項目。 –

因此，只需將開始日期和結束日期設置爲同一天，然後重複四天。是更多的工作，但不應該是一個問題。 – 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和檢查。然後更新服務器端代碼。

來源

2017-12-18 06:06:25

謝謝你這個想法隊友。現在我在這裏從我的新問題開始工作。 https://stackoverflow.com/questions/47917157/laravel-collection-push-not-properly-working/47917298#47917298 –

基於日期開始和結束的FullCalendar上的重複事件

回答

相關問題