2016-04-06 9 views
1

私のfullcalendarインスタンス(2.6.1)では、ユーザーが複数の日に亘ってイベントを選択しないようにしたいと思います。私はドキュメントを見てきましたが、その動作を無効にするオプションが見つからないようです。私の設定は次のようになります。Fullcalendarは翌日に選択を防止します

$('#calendar').fullCalendar({ 

    // General display 
    header: false, 
    weekends: true, 
    height: $('#container').height(), 

    // Views 
    defaultView: 'agendaWeek', 

    // Selection 
    selectable: true, 
    selectHelper: true, 

    // Text/Time Customization 
    lang: 'nl', 
    columnFormat: { 
     day: 'D dddd', 
     week: 'D dddd' 
    }, 

    // Agenda options 
    minTime: '07:30:00', 
    maxTime: '18:30:00', 
    allDaySlot: false, 
    slotDuration: '00:30:00', 
    slotEventOverlap: false, 
    snapDuration: '00:15:00', 
    slotLabelFormat: 'H.mm', 
    slotLabelInterval: "00:30:00", 

    // Event data 
    allDayDefault: false, 

    // Event Dragging & Resizing 
    editable: true, 
    dragOpacity: 1, 
    eventConstraint: { 
     start: '07:30:00', 
     end: '18:30:00' 
    }, 


}); 

私はminTimemaxTimeは、トリックを行うだろうと期待していたが、どうやらありません。

これを達成するにはどうすればよいですか?

ありがとうございます!

EDIT:

// Callbacks 
select: function(start, end, jsEvent, view) { 
    // If the selection spans multiple day 
    if (! end.isAfter(start, 'day')) { 
     window.calendar.fullCalendar('renderEvent', { 
      start: start, 
      end: end, 
      allDay: false 
     }, true); 
    } 

    $('#calendar').fullCalendar('unselect'); 
} 

しかし、これはすべての次の日に選択をドラッグするのを防ぐことはできません:私は、次のコールバックで、イベントのレンダリングを防止するための方法を発見した 一緒に。別の日付にドラッグを防ぐのに役立つ

+0

これは、おかげで私には大きな助けでした! –

答えて

1

selectConstraint意志。 以下は、参照できる例です。

$( '#カレンダー')fullCalendar({ ヘッダ:{ 左: 'タイトル'、 中心 '' 右: '' }、 イベント:イベント、 selectConstraint :{//これは複数日間ドラッグを停止します。 start:'00:01 '、 end:'23:59'、 } });

私はFullCalendar v2.8.0バージョンを参照しています。

関連する問題