DayPilot.Calendar.onEventClick

The onEventClick event handler fires when the user clicks an event in the JavaScript Calendar component, before the default action configured by DayPilot.Calendar.eventClickHandling is performed.

Declaration

DayPilot.Calendar.onEventClick(args)

Parameters

• args.e (DayPilot.Event) - the clicked event

• args.ctrl (boolean) - Ctrl key status

• args.meta (boolean) - Meta key status

• args.shift (boolean) - Shift key status (available since 2023.4.5773)

• args.originalEvent (MouseEvent) - original browser click event

• args.preventDefault() - cancels the default action

Notes

In api=1 mode, the legacy signature is onEventClick(e).

Examples

JavaScript

const calendar = new DayPilot.Calendar("dp", {
  eventClickHandling: "Edit",
  onEventClick: args => {
    if (args.e.tag("disabled")) {
      args.preventDefault();
    }
  },
  // ...
});
calendar.init();

Angular

<daypilot-calendar [config]="config"></daypilot-calendar>

config: DayPilot.CalendarConfig = {
  eventClickHandling: "Edit",
  onEventClick: args => {
    if (args.e.tag("disabled")) {
      args.preventDefault();
    }
  },
  // ...
};

React

<DayPilotCalendar
  eventClickHandling="Edit"
  onEventClick={onEventClick}
  {/* ... */}
/>

const onEventClick = (args) => {
  if (args.e.tag("disabled")) {
    args.preventDefault();
  }
};

Vue

<DayPilotCalendar
  eventClickHandling="Edit"
  @eventClick="onEventClick"
  <!-- ... -->
/>

const onEventClick = (args) => {
  if (args.e.tag("disabled")) {
    args.preventDefault();
  }
};

See Also

Event Click [doc.daypilot.org]

DayPilot.Calendar.onEventClicked

DayPilot.Calendar.eventClickHandling

DayPilot.Calendar Class