FullCalendar で特定の曜日にのみ発生する定期的なイベントを作成するにはどうすればよいですか?-jsチュートリアル-php.cn

FullCalendar で特定の曜日にのみ発生する定期的なイベントを作成するにはどうすればよいですか?

Mary-Kate Olsen

リリース： 2024-11-20 16:33:26

オリジナル

540 人が閲覧しました

How can I create recurring events in FullCalendar that occur only on specific days of the week?

FullCalendar の定期的なイベント

FullCalendar には、日単位など、定期的なイベントを処理するためのオプションがいくつかあります。特定の曜日にのみ発生する定期的なイベントを作成するには、dow (曜日) 配列を使用できます。

単純な定期的なイベント:

の場合「毎週月曜と木曜の午前 10 時から午後 2 時まで」など、単純な毎週の定期的なイベントの場合は、次のコードを使用できます:

events: [{
    title:"My repeating event",
    start: '10:00',
    end: '14:00',
    dow: [ 1, 4 ] // Repeat monday and thursday
}]

ログイン後にコピー

制限の追加:

繰り返しを特定の開始日と終了日に制限するには、範囲配列を使用します。

eventId  timeStart  timeEnd   dow    dateStart      dateEnd
     1      10:00    12:00  [1,4]  2015/03/01   2015/04/01  // Month of March
     1      10:00    12:00  [1,4]  2015/05/01   2015/06/01  // Month of May
     1      10:00    12:00  [1,4]  2016/01/01   2017/01/01  // Year of 2017

ログイン後にコピー

クライアント側で、eventRender を使用して、指定された範囲外のイベントを除外します。

eventRender: function(event){
    return (event.ranges.filter(function(range){ 
        return (event.start.isBefore(range.end) &amp;&amp;
                event.end.isAfter(range.start));

    }).length)>0;
}

ログイン後にコピー

夜間:

複数日にまたがる夜間イベントの場合は、終了時刻を 24:00 より大きい値に設定します:

{
  start: '10:00', 
  end:   '27:00', 
  dow: [1]
}

ログイン後にコピー

以上がFullCalendar で特定の曜日にのみ発生する定期的なイベントを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。