The onEventMoveStart event handler fires when the user starts dragging an event during event moving in the JavaScript Scheduler.
Available since 2025.4.6723.
DayPilot.Scheduler.onEventMoveStart(args)args.ctrl (boolean) - Ctrl key pressed
args.shift (boolean) - Shift key pressed
args.meta (boolean) - Meta key pressed
args.alt (boolean) - Alt key pressed
args.areaData - value of the data property of the active area used as the drag handle
args.e (DayPilot.Event) - source object
args.external (boolean) - true when the event comes from an external source
args.multimove - array of all events being moved during multi-moving
The args.multimove array includes the main event as well (args.e). The main event is stored as args.multimove[0].
Each item in args.multimove has one property:
event (DayPilot.Event) - source object (read-only)
JavaScript
const dp = new DayPilot.Scheduler("dp", {
onEventMoveStart: (args) => {
if (args.multimove.length > 1) {
console.log("Moving multiple events", args.multimove[0].event.id());
}
},
// ...
});
dp.init();Angular
<daypilot-scheduler [config]="config"></daypilot-scheduler>config: DayPilot.SchedulerConfig = {
onEventMoveStart: (args) => {
if (args.multimove.length > 1) {
console.log("Moving multiple events", args.multimove[0].event.id());
}
},
// ...
};React
<DayPilotScheduler
onEventMoveStart={onEventMoveStart}
{/* ... */}
/>const onEventMoveStart = (args) => {
if (args.multimove.length > 1) {
console.log("Moving multiple events", args.multimove[0].event.id());
}
};Vue
<DayPilotScheduler
@eventMoveStart="onEventMoveStart"
<!-- ... -->
/>const onEventMoveStart = (args) => {
if (args.multimove.length > 1) {
console.log("Moving multiple events", args.multimove[0].event.id());
}
};Event Moving [doc.daypilot.org]
DayPilot.Scheduler.onEventMoving