DayPilot.Calendar.onEventClicked

The onEventClicked event handler fires when the user clicks an event in the JavaScript Calendar component, after the default action configured by DayPilot.Calendar.eventClickHandling has been performed.

Declaration

DayPilot.Calendar.onEventClicked(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

Examples

JavaScript

const calendar = new DayPilot.Calendar("dp", {
  onEventClicked: args => {
    DayPilot.Modal.alert("Event clicked: " + args.e.text());
  },
  // ...
});
calendar.init();

Angular

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

config: DayPilot.CalendarConfig = {
  onEventClicked: args => {
    DayPilot.Modal.alert("Event clicked: " + args.e.text());
  },
  // ...
};

React

<DayPilotCalendar
  onEventClicked={onEventClicked}
  {/* ... */}
/>

const onEventClicked = (args) => {
  DayPilot.Modal.alert("Event clicked: " + args.e.text());
};

Vue

<DayPilotCalendar
  @eventClicked="onEventClicked"
  <!-- ... -->
/>

const onEventClicked = (args) => {
  DayPilot.Modal.alert("Event clicked: " + args.e.text());
};

See Also

Event Click [doc.daypilot.org]

DayPilot.Calendar.onEventClick

DayPilot.Calendar.eventClickHandling

DayPilot.Calendar Class