如何在全日曆插件中顯示月度重複事件

Question

通過此代碼，我可以顯示每日和每週事件，但我無法顯示每月事件。我在我的一個laravel項目中使用完整的日曆插件。參數我顯示每日事件和範圍顯示事件表格的開始日期。

 $('#calendar').fullCalendar({ 
     defaultDate: moment(), 
     editable: false, 
     eventLimit: true, // allow "more" link when too many events 
     events:function(start, end, timezone, callback){ 
     $.ajax({url: baseUrl +"/calenderevents", 
       type:'post', 
       success: function(data) 
       { 
        var events = []; 
        var range = []; 
        $.each(data, function(index, element) { 
         events.push({ 
          title  : element.title, 
          start  : element.start, 
          end   : element.end, 
          id   : element.id, 
          dow   : element.dow, 
          ranges  : range 
         }); 

         range.push({ 
           start: moment(element.ranges) 
         }); 
       }); 

       callback(events); 

       } 
      }); 
     }, 
     dayClick: function() { 
       $('#event-message').text("Add Activity"); 
       $('#calender-error').html(''); 
       if($("#user_role_id").data("user-role") == 1){ 
       return false; 
       } 

       $("#delete-event").hide(); 
       $('.dimensions').attr('readonly', 'readonly'); 
       $('#clear-form').click(); 
       $('.calender-event').attr({ 
             'id':'calender_event_form', 
             'action':baseUrl+'/assisted', 
             }); 
       $.fancybox({ 
        content: $('#add_calender_event'), 
        padding : 10, 
        fitToView:false, 
        autoSize: false, 
        width:485, 
        height:600, 
        openEffect : 'elastic', 
        closeEffect : 'elastic', 
        }); 
      }, 
     eventRender: function (event, element) { 
     // element.addClass('href', 'javascript:void(0);'); 
     element.addClass('event'); 
     element.attr('id', event.id); 

     if("ranges" in event) 
     { 
      return (event.ranges.filter(function(range){ // test event against all the ranges 
       return (event.start.isAfter(range.start)); 
      }).length)>0; 
     } 

     } 
    }); 

Answer 1

$('#fullcalendar').fullCalendar({ 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay' 
    }, 
    eventSources: [{ 
     // Every sunday as a background event 
    events: function (start, end, timezone, callback) { 
     // Get the days 
     var days = matchingDaysBetween(start, end, function (day) { 
      return day.format('dddd') === 'Sunday'; //test function 
     }); 
     // Map days to events 
     callback(days.map(function (day) { 
      return { 
       start: moment(day).startOf('day'), 
       end: moment(day).endOf('day'), 
       title: "sunday", 
       rendering: 'background' 
      }; 
     })); 
    } 
    }, { 
     //Every tuesday noon to 2pm 
     events: function (start, end, timezone, callback) { 
      var days = matchingDaysBetween(start, end, function (day) { 
       return day.format('dddd') === 'Tuesday'; //test function 
      }); 
      callback(days.map(function (day) { // map days to events 
       return { 
        start: moment(day).hour(12), 
        end: moment(day).hour(14), 
        title: "lunch", 
       }; 
      })); 
     } 
    }] 
}); 

Answer 2

var matchingDaysBetween = function (start, end, test) { 
    var days = []; 
    for (var day = moment(start); day.isBefore(end); day.add(30, 'd')) { 
     if (test(day)) { 
      days.push(moment(day)); 
      // push a copy of day 
     } 
    } 
    return days; 
}