ホームページ >ウェブフロントエンド >jsチュートリアル >FullCalendar で曜日固有の空き状況を指定して定期的なイベントをスケジュールするにはどうすればよいですか?

FullCalendar で曜日固有の空き状況を指定して定期的なイベントをスケジュールするにはどうすればよいですか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-11-11 09:42:03838ブラウズ

How Can I Schedule Recurring Events With Day-Specific Availability in FullCalendar?

日固有のスケジュールを使用した FullCalendar での定期的なイベントの処理

FullCalendar には、特定の日のイベントのスケジュール設定など、定期的なイベントを処理するための柔軟なオプションが用意されています。その週。これにより、空き状況と予約のスケジュールを正確に制御できます。

単純な繰り返しイベント

特定の曜日に発生する単純な繰り返しイベントの場合、ダウを使用できます。イベントオブジェクトのプロパティ。たとえば、毎週月曜日と木曜日の午前 7 時から午前 9 時まで発生するイベントを作成するには、次のコードを使用します:

events: [{
    title: "Morning Availability",
    start: '07:00',
    end: '09:00',
    dow: [ 1, 4 ]
}]

日付範囲による繰り返しの制限

イベントの繰り返しを特定の期間に制限するには、ranges プロパティを使用できます。これにより、繰り返しの開始日と終了日を定義できます。たとえば、毎週月曜日と木曜日の午前 7 時から午前 9 時まで、ただし 2023 年 3 月の間のみ繰り返すイベントを作成するには、次のコードを使用します。

events: [{
    title: "March Availability",
    start: '07:00',
    end: '09:00',
    dow: [ 1, 4 ],
    ranges: [{
        start: '2023-03-01',
        end: '2023-03-31'
    }]
}]

夜間イベント

FullCalendar は、午前 0 時を超えるイベントの処理もサポートしています。終了時刻を 24:00 より大きい値に設定すると、一晩にわたるイベントを作成できます。たとえば、毎週土曜日の午後 10 時から翌日の午前 2 時まで発生するイベントを作成するには、次のコードを使用します:

events: [{
    title: "Late Night Availability",
    start: '22:00',
    end: '02:00',
    dow: [ 6 ]
}]

以上がFullCalendar で曜日固有の空き状況を指定して定期的なイベントをスケジュールするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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