search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

How to stop drag and drop feature on event calendar

Related article: HTML5 Calendar with Day/Week/Month Views (JavaScript, PHP)
Asked by ravi kumar
2 years ago.

I do not need drag and drop feature. So i want to disable drag and drop feature.

Answer posted by Dan Letecky [DayPilot]
2 years ago.

You need to turn the features off one by one:

dp.eventMoveHandling = "Disabled";
dp.eventResizeHandling = "Disabled";
dp.timeRangeSelectedHandling = "Disabled";

See also the following tutorial on making the Scheduler read-only:
https://code.daypilot.org/25443/angular-2-scheduler-read-only-and-edit-mode-switching

It's for Angular and Scheduler but you can apply the principles to Calendar in pure JavaScript as well.

This question is more than 3 months old and has been closed. Please create a new question if you have anything to add.