selectConstraintでFullCalendarで選択可能なボックスを制限する

Question

私は予定モジュールを持っています。私はFullCalendarを使用します。 利用可能時間を「イベント」で設定しました。 毎日、私は今、私が選択可能なスロットを定義する必要が異なる可用性時間

$('#calendar').fullCalendar({ 
     header: { 
      left: 'prev', 
      center: 'title', 
      right: 'agendaWeek agendaDay next' 
     }, 
     defaultView: 'agendaWeek', 
     events: 
[ 
      { 
       start: '00:00:00+02:00', 
       end: '08:00:00+02:00', 
       color: 'gray', 
       rendering: 'background', 
       dow: [1] 
      }, 
      { 
       start: '12:00:00+02:00', 
       end: '14:00:00+02:00', 
       color: 'gray', 
       rendering: 'background', 
       dow: [4] 
      }, 
      { 
       start: '12:00:00+02:00', 
       end: '23:59:59+02:00', 
       color: 'gray', 
       rendering: 'background', 
       dow: [3] 
      }, 
      { 
       start: '17:00:00+02:00', 
       end: '23:59:59+02:00', 
       color: 'gray', 
       rendering: 'background', 
       dow: [2] 
      }, 
], 
     defaultTimedEventDuration: '01:00:00', 
     height: 'auto', 
     handleWindowResize: true, 
     allDaySlot: false, 
     slotDuration: '01:00:00', 
     minTime: "07:00:00", 
     maxTime: "22:00:00", 
     slotEventOverlap: false, 
     nowIndicator: true, 
     columnFormat: 'dddd DD MMM', 
     titleFormat: 'D MMMM YYYY', 
     displayEventTime: true, 
     displayEventEnd: true, 
     eventLimitText: "Détails", 
     eventClick: function (event, jsEvent, view) { 
      $('#modalTitle').html(event.title); 
      $('#modalBody').html(event.start.format('D-MM-YYYY')); 
      $('#modalStart').html(event.start.format('HH:mm')); 
      $('#modalMotif').html(event.motif); 
      $('#modalInfo').html(event.info); 
      $('#modalEtat').html(event.etat); 
      $('#modalTel').html(event.tel); 
      $('#modalAdresse').html(event.adresse); 
      $('#calendarModal').modal(); 
     }, 
     selectable: true, 
     selectHelper: true, 
     select: function (start, end, allDay) { 
      endtime = moment(end).format('DD/MM/YYYY HH:mm'); 
      starttime = moment(start).format('DD/MM/YYYY à HH:mm'); 
      starttime2 = moment(start).format('YYYY-MM-DD HH:mm:ss'); 
      var mywhen = starttime; 
      var mywhen2 = starttime2; 
      $('#createEventModal #apptStartTime').val(mywhen2); 
      $('#createEventModal #apptEndTime').val(end); 
      $('#createEventModal #apptAllDay').val(allDay); 
      $('#createEventModal #when').text(mywhen); 
      $('#createEventModal').modal(); 
     } 
    }); 

を持っています。 私はこれを試しました：

selectConstraint: function (event) { 
      return event.rendering !== 'background' 
     }, 

しかし、それは動作しません。すべてのボックスは選択できません。私は何が間違っている..？

Answer 1

私は私の問題を解決しました。私は最終的にAjaxを使用します