0

私のスケジューラビューで、ユーザーが最大4時間まで選択できる時間を制限しようとしています。 selectConstraintはチケットだと思ったが、最大選択可能期間を適用する方法は見当たらない。FullCalendarの制限スケジューラの選択可能な時間の量

私は、selectConstraint: {duration: '04:00'}またはおそらくduration: '240'(分)の行に沿って何かを望んでいました。

または...おそらく選択可能なスロットの数を制限しますか?私はそれを15分増分に分割したので、選択を最大16スロットに制限する方法はありますか?

私は FullCalendar Docsを精練しています(これはむしろIMOではないと思います...)が、キーの成分を見つけることはできません。

誰でも?あなたがfullCalendarのselectAllowと瞬間期間asHours機能を使用することができます

$('#schedulerCalendar').fullCalendar({ 
    defaultView: 'agendaDay', 
    defaultDate: moment(systemDate), 
    eventClick: $scope.eventClick, 
    editable: true, 
    eventOverlap: false, 
    selectable: true, 
    selectHelper: true, 
    select: $scope.dayClick, 
    slotDuration : '00:15:00', 
    slotEventOverlap: false, 
    allDaySlot: false, 

    // Display only business hours (8am to 5pm) 
    minTime: "08:00", 
    maxTime: "17:00", 

    businessHours: { 
     dow: [ 1, 2, 3, 4, 5], // Monday - Thursday 
     start: '08:00', // start time (8am) 
     end: '17:00', // end time (5pm) 
    }, 

    hiddenDays: [ 0, 6 ], // Hide Sundays and Saturdays 

    events: function (start, end, timezone, callback) { 
     callback($scope.eventSources); 
    }, 
}); 

答えて

3

は:

$('#schedulerCalendar').fullCalendar({ 
    //.... 
    selectAllow: function(selectInfo) { 
     var duration = moment.duration(selectInfo.end.diff(selectInfo.start)); 
     return duration.asHours() <= 4; 
    }, 
    //... 
}); 
+0

男ああ...ありがとう!優れた、非常に高速な答え。 :-) 良い週末を。 – Drew

関連する問題