fullCalendar jQuery，每個星期一重複？

Question

通常這是在日曆事件：

  { 

       title: 'Test', 

       start: '2012-06-08', 

       end: '2012-06-08', 

       url: 'test/test' 

      }, 

工作正常。雖然我怎樣才能讓每個星期一在日曆上顯示1個事件？或者每個星期二等都取決於您進入的週日/號碼？如果存在的話，那麼參數是什麼？

如果它不存在，我可以以某種方式修改並添加該功能嗎？因此，您可以輸入像repeatEveryWeekDay：2（即星期一）這樣的參數，然後在所有未來的星期一，數據將顯示在那裏。

我試過看http://arshaw.com/fullcalendar/docs/event_data/Event_Object/但找不到任何東西。

Answer 1

fullCalendar允許您不通過事件數組，而是傳遞一個函數，例如從服務器下載事件或動態生成這些事件。

文檔中的大多數示例都使用HTTP請求來獲取事件數據。但回調函數仍然足夠靈活，可以按照你想要的方式工作。

請看下面的例子中，我只寫了你：

$(document).ready(function() { 

    var date = new Date(); 
    var d = date.getDate(); 
    var m = date.getMonth(); 
    var y = date.getFullYear(); 

    $('#calendar').fullCalendar({ 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
     }, 
     editable: true, 
     events: [ 
      // some original fullCalendar examples 
      { 
       title: 'All Day Event', 
       start: new Date(y, m, 1) 
      }, 
      { 
       title: 'Long Event', 
       start: new Date(y, m, d-5), 
       end: new Date(y, m, d-2) 
      }, 
      { 
       id: 999, 
       title: 'Repeating Event', 
       start: new Date(y, m, d-3, 16, 0), 
       allDay: false 
      } 
     ] 
    }); 

    // adding a every monday and wednesday events: 
    $('#calendar').fullCalendar('addEventSource',   
     function(start, end, callback) { 
      // When requested, dynamically generate virtual 
      // events for every monday and wednesday. 
      var events = []; 

      for (loop = start.getTime(); 
       loop <= end.getTime(); 
       loop = loop + (24 * 60 * 60 * 1000)) { 

       var test_date = new Date(loop); 

       if (test_date.is().monday()) { 
        // we're in Moday, create the event 
        events.push({ 
         title: 'I hate mondays - Garfield', 
         start: test_date 
        }); 
       } 

       if (test_date.is().wednesday()) { 
        // we're in Wednesday, create the Wednesday event 
        events.push({ 
         title: 'It\'s the middle of the week!', 
         start: test_date 
        }); 
       } 
      } // for loop 

      // return events generated 
      callback(events); 
     } 
    ); 
}); 

上述功能會自動爲每週一和週三兩個日期之間的事件。日期顯示在start和end params。這些參數通過fullCallendar。上述函數生成的事件在第三個參數中通過callback函數返回到fullCallendar。

我使用DateJS來測試給定日期是否爲星期一。

UPDATE：如果要混合靜態事件和/或[多個]可重複事件，則可以使用addEventSource。

Answer 2

它是事件對象的ID字段，用於確定該事件的可重複性。對於一週中的特定日子，爲所有重複活動使用相同的ID。

Answer 3

我發現解決重複事件的最佳方式是爲您的後端語言（我正在使用Django/Python）設置JSON調用。

所以在日曆選項中，我將有：

events: { url: '/event-data', cache: false },

然後在我的後臺我採取的是獲取當前顯示的日曆 「開始」和「端」 URL GET變量發送的參數的優勢。 即：

hxxp://example.com:8000/event-data?start=2014-09-28&end=2014-11-09&_=1413553318353

Get請求會從事件選項發送，我然後生成一個數據庫/源文件，列出重複事件與普通日曆事件一起事件，併發送回剛剛發生的事件的列表在該日期範圍內的JSON列表中。

Answer 4

克里斯托弗拉米雷斯的帖子稍微更新。 使用fullCalendar在v2.2.3和v2.8.4 momentjs你需要修改的情侶在上面的代碼段線，使其工作：

第一：

function(start, end, callback) {} 

到

function(start, end, status, callback) {} 

的第三個參數是一個布爾值，第四個是回調函數

Then：

for (loop = start.getTime(); 
    loop <= end.getTime(); 
... 

到

for (loop = start._d.getTime(); 
    loop <= end._d.getTime(); 

爲傳遞給函數的開始和結束的對象不是他們Date對象並調用.getTime（）將結束在「未定義不是一個函數」的錯誤。

而那就是它！這個修正案使它對我有用。