2010-08-18 10 views
21

Sto utilizzando FullCalendar per tutto il mio progetto e ho bisogno di visualizzarlo in un'area del mio sito dove gli eventi non sono trascinabili ma per rimanere evidenziati nella vista mensile. Qualche idea per favore.Come disabilitare il drag and drop in fullcalendar

+0

A partire dal 2017 la risposta corretta sta utilizzando: 'eventStartEditable: false' https://fullcalendar.io/docs1/event_ui/eventStartEditable/ – Treeindev

risposta

11

È sufficiente impostare disableDragging option su true quando si inizializza il calendario.

$('#calendar').fullCalendar({ 
    disableDragging = true 
}); 
+0

Rimuovi il punto e virgola in "disableDragging = true;" –

+0

questo non funziona nella versione 2 – Smith

+0

Grazie a @Venkat! – theycallmemorty

32

So che questa è una vecchia questione, ma nessuno mi ha risposto correttamente, così qui si va ...

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

E dopo dal tuo post, mi ha aiutato .... ottima iniziazione dal tuo lato :) – Echo

+2

Se si desidera disabilitare il ridimensionamento e il trascinamento, è possibile impostare 'modificabile: false' – jasop

14

DisableDragging è sostituito dal seguente: eventStartEditable (dalla versione 1.6.3)

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

+0

Volevo chiedere se c'è un modo per impedire il trascinamento della selezione nella visualizzazione mensile: in altre parole, l'utente deve selezionare solo un mese. –

+0

@DimitrisPapageorgiou scusa, non lo so. Ho fatto il 99% del mio lavoro con la vista giorno e settimana. – JochemQuery

+0

Sto solo costruendo un'app per appuntamenti web e voglio solo dare ai miei utenti la possibilità di prenotare un appuntamento anche da monthview ... selezionando solo un giorno (come un appuntamento per definizione non può durare più di 1 giorno) ... comunque, grazie per la tua risposta. –

0
$('#calendar').fullCalendar({ 
    editable: false 
}); 
3

Controllare il codice qui sotto:

set modificabile false disabiliterà il trascinamento di.

$('#calendar').fullCalendar({ 

editable: false, 

}); 
0

In v2 & v3 v'è una nuova espressione per questo: eventStartEditable che cosa dovrebbe essere impostata su false, per disabilitare la resistenza.

Inoltre, se si desidera disabilitare il "rilascio" (ad esempio da altri div), è necessario impostare droppable su false.