ホームページ >ウェブフロントエンド >jsチュートリアル >FullCalendar で定期的なイベントを日ごとに作成および管理するにはどうすればよいですか?
FullCalendar で日を指定して定期的なイベントを処理する
FullCalendar には、毎日の繰り返しを含む定期的なイベントを処理するためのさまざまなオプションが用意されています。これらのオプションを使用すると、イベントを繰り返す特定の曜日を定義できます。
単純な繰り返しイベントを設定するには、dow (曜日) オプションを使用します。たとえば、毎週月曜日の午前 7 時から午前 9 時まで発生するイベントを作成するには、次のコードを使用します。
events: [{ title: "My Monday Event", start: '07:00', end: '09:00', dow: [1] // Monday }]
開始日や終了日など、定期的なイベントに制限を追加するには、次の手順を使用します。
クライアント側で、eventRender コールバックを使用して、指定された範囲外のイベントを除外します。例:
eventRender: function(event){ return event.ranges.filter(function(range){ return (event.start.isBefore(range.end) && event.end.isAfter(range.start)); }).length > 0; }
終了時刻を 24:00 より大きく設定することで、夜間に繰り返されるイベントを処理することもできます。たとえば、月曜日の午後 10 時に開始し、火曜日の午前 3 時に終了するイベントを作成するには、次のコードを使用します。
{ start: '22:00', // starts at 10:00 PM on Monday end: '03:00', // ends at 3:00 AM on Tuesday dow: [1] // Monday }
これらのオプションとテクニックを利用すると、簡単に次のことができます。 FullCalendar アプリケーションに日単位で定期的なイベントを実装します。
以上がFullCalendar で定期的なイベントを日ごとに作成および管理するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。