This demo explains how to restrict overlapping appointments within the same time range.
More Details...
| |
12:00 AM | | 1:00 AM | | 2:00 AM | | 3:00 AM | | 4:00 AM | | 5:00 AM | | 6:00 AM | | 7:00 AM | | 8:00 AM | | 9:00 AM | | 10:00 AM | | 11:00 AM | | 12:00 PM | | 1:00 PM | | 2:00 PM | | 3:00 PM | | 4:00 PM | | 5:00 PM | | 6:00 PM | | 7:00 PM | | 8:00 PM | | 9:00 PM | | 10:00 PM | | 11:00 PM | |
| | Hot Chocolate Festival 5:30 AM - 7:30 AM | Winter Ball 7:00 AM - 9:00 AM | | Ice Fishing Competition 4:30 AM - 6:30 AM | Winter Craft Fair 6:00 AM - 8:00 AM | Snow Parade 8:30 AM - 10:30 AM | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
|
Description
In this example, the Scheduler's allowOverlap API is used to restrict overlapping events, preventing one events
from being scheduled within the time range of another event. By default, the allowOverlap value is set to true.
When allowOverlap is set to false, unable to add or edit events dynamically within the time range of other events,
and cannot drag or resize events to overlap with other event time ranges.