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

DDD
Lepaskan: 2024-11-10 19:16:02
asal
569 orang telah melayarinya

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
}]
Salin selepas log masuk

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;
}
Salin selepas log masuk

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
}
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan