Rumah >hujung hadapan web >tutorial js >Bagaimanakah saya boleh mencipta dan mengurus acara berulang mengikut hari dalam FullCalendar?

Bagaimanakah saya boleh mencipta dan mengurus acara berulang mengikut hari dalam FullCalendar?

DDD
DDDasal
2024-11-10 19:16:02639semak imbas

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

Kendalikan Acara Berulang dengan Hari dalam Kalendar Penuh

FullCalendar menawarkan pelbagai pilihan untuk mengendalikan acara berulang, termasuk ulangan harian. Pilihan ini membolehkan anda menentukan hari tertentu dalam seminggu untuk acara berulang.

Untuk menyediakan acara berulang yang mudah, gunakan pilihan dow (hari dalam minggu). Contohnya, untuk membuat acara yang berlaku setiap hari Isnin dari 7:00 PG hingga 9:00 PG, gunakan kod berikut:

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

Untuk menambah sekatan pada acara berulang, seperti tarikh mula dan tamat , gunakan langkah berikut:

  1. Buat jadual untuk menyimpan julat (julat masa) bagi acara.
  2. Sertai jadual julat dengan jadual acara menggunakan medan EventId.
  3. Haruskan data acara, termasuk julat, kepada pelanggan sebagai JSON.

Di sisi pelanggan, gunakan panggilan balik eventRender untuk menapis acara yang berada di luar julat yang ditentukan. Contohnya:

eventRender: function(event){
    return event.ranges.filter(function(range){
        return (event.start.isBefore(range.end) && event.end.isAfter(range.start));
    }).length > 0;
}

Anda juga boleh mengendalikan acara berulang semalaman dengan menetapkan masa tamat menjadi lebih daripada 24:00. Sebagai contoh, untuk membuat acara yang bermula pada 10:00 PM pada hari Isnin dan berakhir pada 3:00 AM pada hari Selasa, gunakan kod berikut:

{
  start: '22:00', // starts at 10:00 PM on Monday
  end:   '03:00', // ends at 3:00 AM on Tuesday
  dow: [1] // Monday
}

Dengan menggunakan pilihan dan teknik ini, anda boleh dengan mudah laksanakan acara berulang mengikut Hari dalam aplikasi Kalendar Penuh anda.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mencipta dan mengurus acara berulang mengikut hari dalam FullCalendar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn