jQuery的：FullCalendar - 設置開始日期和完成整個日曆天

親愛的下午給大家，jQuery的：FullCalendar - 設置開始日期和完成整個日曆天

我目前工作的一個web應用程序來組織活動。我使用express和mongoDB。

主要思想是用戶可以用startDate和endDate字段創建一個「事件」對象，然後其他用戶可以點擊日曆以說出他們什麼時候可以。所以我選擇FullCalendar，但我只想顯示startDate和endDate之間的一天。我們來舉個例子。

假設我的事件被描述爲遵循

{title: "Hey!", 
startDate: 05/31/2016 2:20 PM, 
endDate: 06/03/2016 2:20 PM 
}

我想，我的日曆將只顯示這4天。你們知道如何幫助我嗎？

來源

2016-05-31 Francesco Z

你看過自定義視圖嗎？他們允許你設置下面的持續時間。

var startDate = '2014-11-12'; 
var numberOfDays = 4; 

$('#calendar').fullCalendar({ 
    header: { 
     center: 'customDays' // buttons for switching between views 
    }, 
    defaultView: 'customDays', 
    views: { 
     customDays: { 
      type: 'basicWeek', 
      duration: { days: numberOfDays }, 
      buttonText: 'Custom Days' 
     } 
    }, 
    defaultDate: startDate 
});

Fullcalendar View Documentation

這樣看來，你不能做到這一點在月視圖，但你可以在basicWeek視圖，檢查出的例子JsBin

來源

2016-05-31 12:59:18

如果我在這裏理解正確，你在創建一個新的視圖，但你並沒有改變其他視圖。我需要一種方法來禁用其他日子 –

我已經更新了答案，您可以在標題中爲想要的任何視圖設置按鈕，並將默認視圖設置爲所需的視圖。 –

你能給我一個月視圖的例子嗎？謝謝 –

好吧，我發現了它。我可以使用如下的函數dayRender

dayRender: function(date, cell) { 
     if(date.diff(event.startDate,'days') < 0 || date.diff(event.endDate,'days') > 0){ 
      $(cell).addClass('disable'); 
      console.log(cell) 
     } 
    }

來源

2016-06-01 11:25:03

jQuery的：FullCalendar - 設置開始日期和完成整個日曆天

回答

相關問題