DayPilot.Calendar.timeRangeSelectedHandling

The timeRangeSelectedHandling property (string) specifies the default action performed after the user completes time range selecting in the JavaScript Calendar component.

Declaration

DayPilot.Calendar.timeRangeSelectedHandling

Possible Values

• "Enabled" - keeps the standard time range selection behavior and fires the related selection events.

• "Disabled" - prevents time ranges from being selected.

• "CallBack" - executes the server-side selection action using CallBack (ASP.NET WebForms, ASP.NET MVC, and Java versions only).

• "PostBack" - executes the server-side selection action using PostBack (ASP.NET WebForms only).

• "JavaScript" - uses the client-side JavaScript API and fires client-side selection handlers instead of a server callback (ASP.NET WebForms, ASP.NET MVC).

Default Value

"Enabled"

Notes

Use DayPilot.Calendar.onTimeRangeSelect to intercept the selection before the default action is performed, and DayPilot.Calendar.onTimeRangeSelected to react after it finishes.

Examples

JavaScript

const calendar = new DayPilot.Calendar("dp", {
  timeRangeSelectedHandling: "Enabled",
  // ...
});
calendar.init();

Angular

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

config: DayPilot.CalendarConfig = {
  timeRangeSelectedHandling: "Enabled",
  // ...
};

React

<DayPilotCalendar
  timeRangeSelectedHandling="Enabled"
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :timeRangeSelectedHandling="'Enabled'"
  <!-- ... -->
/>

See Also

DayPilot.Calendar.onTimeRangeSelect

DayPilot.Calendar.onTimeRangeSelected

Time Range Selecting [doc.daypilot.org]

DayPilot.Calendar Class