DayPilot.Navigator.onTimeRangeSelected

The onTimeRangeSelected event handler fires when the selection changes, after the default action has been performed.

Declaration

DayPilot.Navigator.onTimeRangeSelected(args)

Parameters

• args.day (DayPilot.Date) - day that was clicked, if applicable

• args.start (DayPilot.Date) - selection start

• args.end (DayPilot.Date) - selection end

• args.days (number) - selected day count

Notes

In API v1, the legacy signature is onTimeRangeSelected(start, end, day), where day is the day that was clicked.

Examples

JavaScript

const dp = new DayPilot.Navigator("dp", {
  onTimeRangeSelected: (args) => {
    console.log(args.start, args.end, args.days);
  },
  // ...
});
dp.init();

Angular

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

config: DayPilot.NavigatorConfig = {
  onTimeRangeSelected: (args) => {
    console.log(args.start, args.end, args.days);
  },
  // ...
};

React

<DayPilotNavigator
  onTimeRangeSelected={onTimeRangeSelected}
  {/* ... */}
/>

const onTimeRangeSelected = (args) => {
  console.log(args.start, args.end, args.days);
};

Vue

<DayPilotNavigator
  @timeRangeSelected="onTimeRangeSelected"
  <!-- ... -->
/>

const onTimeRangeSelected = (args) => {
  console.log(args.start, args.end, args.days);
};

See Also

DayPilot.Navigator Class