web-dev-qa-db-ja.com

フルカレンダーでドラッグアンドドロップを無効にする方法

プロジェクト全体でFullCalendarを使用しており、イベントをドラッグできないサイトの1つの領域に表示する必要がありますが、月ビューで強調表示されたままにする必要があります。どんなアイデアでもお願いします。

30
Arial

私はこれが古い質問であることを知っていますが、誰もこれに正しく答えていないので、ここに行きます...

$('#example').fullCalendar({
    disableDragging: true
});
40

DisableDraggingは、eventStartEditableに置き換えられました(バージョン1.6.3以降)

http://arshaw.com/fullcalendar/docs/removed/disableDragging/

20
JochemQuery

カレンダーを初期化するときに disableDraggingオプション をtrueに設定するだけです。

$('#calendar').fullCalendar({
    disableDragging = true
});
11
theycallmemorty

以下のコードを確認してください:

set editable falseはドラッグを無効にします

$('#calendar').fullCalendar({

editable: false,

});
8
Dilpreet singh

V2とv3には、このための新しい式があります: eventStartEditable ドラッグを無効にするためにfalseに設定する必要があるもの。

さらに、「ドロップ」を無効にしたい場合(例:他のdivから) droppablefalseにも設定する必要があります。

1
LakiGeri
$('#calendar').fullCalendar({
    editable: false
});
1
user5073874

(イベントごとに)条件付きでイベントのドラッグ/ドロップを無効にするには、fullcalendarオブジェクトを初期化するときにeventAllowオプションを使用できます。

eventAllow: function(dropLocation, draggedEvent) {
  if (draggedEvent.id === '999') {
    return dropLocation.start.isAfter('2016-01-01'); // a boolean
  }
  else {
    return true; // or return false to disallow
  }
}

リファレンス: https://fullcalendar.io/docs/eventAllow

0
user1477388