DayPilot.Calendar.showEventStartEnd

The showEventStartEnd property (boolean) specifies whether the JavaScript Calendar component appends event start and end time information to the event text.

Declaration

DayPilot.Calendar.showEventStartEnd

Default Value

false

Notes

The appended time text uses the date/time formatting defined by DayPilot.Calendar.locale.

If you need full control over the displayed event text or HTML, customize it using DayPilot.Calendar.onBeforeEventRender.

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  showEventStartEnd: true,
  // ...
};

React

<DayPilotCalendar
  showEventStartEnd={true}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :showEventStartEnd="true"
  <!-- ... -->
/>

See Also

DayPilot.Calendar.locale

DayPilot.Calendar.onBeforeEventRender

All-Day Events [doc.daypilot.org]

DayPilot.Calendar Class