DayPilot.Month.onTimeRangeDoubleClick

The onTimeRangeDoubleClick event handler fires when the user double-clicks a time range in the monthly calendar, before the default action is performed.

Declaration

DayPilot.Month.onTimeRangeDoubleClick(args)

Parameters

• args.start (DayPilot.Date) - start of the selected range

• args.end (DayPilot.Date) - end of the selected range

• args.preventDefault() - cancels the default action

Notes

In api=1 mode, the legacy signature is onTimeRangeDoubleClick(start, end). See DayPilot.Month.api for the legacy event handling mode.

Examples

JavaScript

const month = new DayPilot.Month("dp", {
  onTimeRangeDoubleClick: (args) => {
    if (args.start.getDayOfWeek() === 0 || args.start.getDayOfWeek() === 6) {
      args.preventDefault();
    }
  },
  // ...
});
month.init();

Angular

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

config: DayPilot.MonthConfig = {
  onTimeRangeDoubleClick: (args) => {
    if (args.start.getDayOfWeek() === 0 || args.start.getDayOfWeek() === 6) {
      args.preventDefault();
    }
  },
  // ...
};

React

<DayPilotMonth
  onTimeRangeDoubleClick={onTimeRangeDoubleClick}
  {/* ... */}
/>

const onTimeRangeDoubleClick = (args) => {
  if (args.start.getDayOfWeek() === 0 || args.start.getDayOfWeek() === 6) {
    args.preventDefault();
  }
};

Vue

<DayPilotMonth
  @timeRangeDoubleClick="onTimeRangeDoubleClick"
  <!-- ... -->
/>

const onTimeRangeDoubleClick = (args) => {
  if (args.start.getDayOfWeek() === 0 || args.start.getDayOfWeek() === 6) {
    args.preventDefault();
  }
};

See Also

DayPilot.Month.api

DayPilot.Month Class