2017-12-01 4 views
0

イベントを作成するためのFullCalendar jqueryライブラリを使用しています。 ここでの要件は、x日ごとに定期的なイベントを作成することです。 たとえば、2番目の月曜日(この場合は14日ごと)に繰り返し発生するイベントを作成します。jQuery FullCalendarカスタム定期イベント

現在、ライブラリは毎週または毎月の定期的なイベントをサポートしています。 これをどうすれば実現できますか?

+0

を与える必要があり、知ってはいけません定期的なイベントの場合そうでない場合は、イベント日付を計算し、それぞれのイベントを個別に追加する独自のコードを記述してください。 (もしあなたが次のx年前にこれをやりたければ、別の月に切り替えるようなイベントが起こったときに追加されるかもしれない。) – CBroe

+0

ありがとう!私はちょうど毎週の繰り返しのための場所にすでにある同じロジックを使用したいと思います。イベントにフラグを追加するだけです(たとえば、dow2:[1]の各月曜日の定期的なイベントを示す既存のdow:[1] 、毎週月曜日に繰り返されます)、それに応じて図書館から処理されます。コード内の実際の週次の実装を見つけることができません:) –

答えて

0

@CBroeは正しいと思いますが、あなた自身のロジックを使ってこれを実現できます。

イベントをカレンダーに追加するには、まずイベントの配列を設定する必要があります。このイベントはカレンダーeventsプロパティにバインドできます。例えば

var events = getEvents(); 

$('#myCalendar').fullCalendar({ 
        themeSystem: 'bootstrap3', 
        header: { 
         left: 'prev,next today', 
         center: 'title', 
         right: 'month,agendaWeek,agendaDay,listMonth' 
        }, 
        weekNumbers: true, 
        weekends: false, 
        navLinks: true, // can click day/week names to navigate views 
        editable: true, 
        eventStartEditable: false, 
        height: 'auto', 
        eventLimit: true, // allow "more" link when too many events 
        events: events, 
        viewRender: function (view, element) { 
         events = getEvents(); 
         $('#myCalendar').fullCalendar('removeEvents'); 
         $('#myCalendar').fullCalendar('addEventSource', events); 
        }, 
       }); 

function getEvents(){ 
var events = []; 
var arrayOfDates; //Populate dates at intervals of 14 days 

    $.each(arrayOfDates, function() { 
        var date = this; 
         //Create event 
         events.push({ 
          title: 'myEvent', 
          start: date, 
          end: date, 
          allDay: true, 
          color: '#228B22', 
          stick: true 
         }); 

       }); 
    } 

    return events; 
} 

まあそのような何か、そのライブラリは拡張可能である場合は、独自のロジックを追加することができるように、とにかく...これはあなたに良い出発点

関連する問題