ホームページ >ウェブフロントエンド >jsチュートリアル >FullCalendar で定期的なイベントを日ごとに作成および管理するにはどうすればよいですか?

FullCalendar で定期的なイベントを日ごとに作成および管理するにはどうすればよいですか?

DDD
DDDオリジナル
2024-11-10 19:16:02670ブラウズ

How can I create and manage recurring events by day in FullCalendar?

FullCalendar で日を指定して定期的なイベントを処理する

FullCalendar には、毎日の繰り返しを含む定期的なイベントを処理するためのさまざまなオプションが用意されています。これらのオプションを使用すると、イベントを繰り返す特定の曜日を定義できます。

単純な繰り返しイベントを設定するには、dow (曜日) オプションを使用します。たとえば、毎週月曜日の午前 7 時から午前 9 時まで発生するイベントを作成するには、次のコードを使用します。

events: [{
    title: "My Monday Event",
    start: '07:00',
    end: '09:00',
    dow: [1] // Monday
}]

開始日や終了日など、定期的なイベントに制限を追加するには、次の手順を使用します。

  1. テーブルを作成して、範囲 (時間範囲) を保存します。
  2. eventId フィールドを使用して、範囲テーブルをイベント テーブルと結合します。
  3. 範囲を含むイベント データを JSON としてクライアントに渡します。

クライアント側で、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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。