New to Kendo UI for Vue? Start a free 30-day trial

Restrictions

You can implement custom restrictions in the Scheduler by handling its events.

The following example demonstrates how to restrict the events and better control the resources. You can prevent the drag and resize capabilities of the appointments, and also control the creation of new events and the modification of existing events.

For example, if you double-click Call Charlie about the project, change the attendee to Bob and click Save. As a result, the This person is not available in this time period. error will be thrown. If you change the start date of the HR Lecture to 10:30 AM, the This person is not available in this time period. error will be thrown. The logic which enforces the restrictions in the following example resides in the resize, move, add, and save event handlers of the scheduler.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?