Fullcalendar'dan birden çok tarih aralığı nasıl seçilir?

Question

Bir kullanıcının yalnızca başlangıç ​​ve bitiş tarihlerini seçerek birden çok tarih aralığını engelleyebileceği bir takvim özelliği oluşturmaya çalışıyorum. FullCalendar kullanmayı düşünüyordum ama bunun nasıl devam edeceğinden emin değilim.

dayClick numaralı denetimi ekleyerek bazı tarihlerin seçilmesinin nasıl engelleneceğine ilişkin bazı örnekler gördüm, ancak bunlar tarih aralıklarıyla ilgilenmiyor. Herhangi bir yardım için minnettarım, gerçekten bütün bir kaynağı aramıyorum ama bunun nasıl yapılacağına dair bazı öneriler.

Answer 1

Bu çok parçalı bir sorundur. İşte temel fikir.

• kullanıcı, select Geri arama durumunda selectable: true
• ile bir tık + sürükleme seçim yapmak addEventSource ile background event eklemesine izin ver.
• Etkinliği eklerken, ona bir özel özellik verin: block: true.
• selectOverlap için event.block öğesinde false değerini döndüren özel bir işlev kullanın. Bu JSFiddle gibi

şey.

selectable: true, 
select: function (start, end, jsEvent, view) { 
    $("#calendar").fullCalendar('addEventSource', [{ 
     start: start, 
     end: end, 
     rendering: 'background', 
     block: true, 
    }, ]); 
    $("#calendar").fullCalendar("unselect"); 
}, 
selectOverlap: function(event) { 
    return ! event.block; 
} 

Arka plan olayları isteğe bağlıdır, ama bu genellikle, (görsel olarak) tercih edilir.

Önceden oluşturulan olayları sürükleyip bırakmanız istenirse,işlevini de eventOverlap'da kullanabilirsiniz.