Open Event Editor Programmatically in JavaScript Scheduler

The Scheduler opens the editor by default on double-clicks, but you can trigger it programmatically. This guide shows how to open the editor for a time range or an existing event.

Open editor window externally

Use openEditor to open the event editor manually:

  • To open the editor for a specific time range, pass the cell details as the first argument and the string Add as the second argument.
  • To open the editor for an existing event, pass the event data as the first argument and the string Save as the second argument.

Open editor window on single click

By default, the Scheduler editor window opens when double-clicking cells or appointments. You can also configure it to open with a single click by using the openEditor method within the eventClick and cellClick events of the Scheduler. Additionally, set showQuickInfo to false to disable the default quick info popup.

The following example demonstrates how to open the editor window with a single click on cells and appointments.