ホームページ > ウェブフロントエンド > jsチュートリアル > FullCalendar で定期的なイベントを作成するには?

FullCalendar で定期的なイベントを作成するには?

Linda Hamilton
リリース: 2024-11-11 01:48:03
オリジナル
475 人が閲覧しました

How to Create Recurring Events in FullCalendar?

FullCalendar の定期的なイベント

FullCalendar は、特定の日に基づいて複雑なスケジュール パターンを定義する機能など、定期的なイベントに対する包括的なサポートを提供します。週と時間間隔。

毎週繰り返しイベント

毎週月曜日と木曜日の午前 7 時から午前 9 時など、特定の平日に定期的なイベントを作成するには、次のコードを使用します。

events: [{
    title:"Availability",
    start: '07:00', 
    end: '09:00', 
    dow: [ 1, 4 ] // Repeat monday and thursday
}],
ログイン後にコピー

再発制限の指定

特定の期間内で再発を保証するには、start を追加しますイベントの終了日。たとえば、上記のイベントを 3 月と 5 月にのみ繰り返す必要がある場合は、イベントと日付の範囲を次のように定義します。

eventId  timeStart  timeEnd   dow    dateStart      dateEnd
     1      07:00    09:00  [1,4]  2023/03/01   2023/05/01 
ログイン後にコピー

クライアント側で、eventRender 関数を使用して、イベントをフィルタリングして表示します。指定された日付範囲。

夜間の繰り返しの処理

FullCalendar は夜間をサポートしますイベント。複数日にまたがる定期的なイベントを定義するには、24:00 より大きい終了時刻を指定します。たとえば、月曜日の午後 7 時に開始し、火曜日の午前 3 時に終了する毎週のイベントを作成するには、次のイベント構成を使用します:

{
  start: '19:00', 
  end:   '27:00', 
  dow: [1]
}
ログイン後にコピー

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート