DayPilot.Month.timeFormat

The timeFormat property (string) sets the time format (12/24-hour clock) used when displaying time in the monthly calendar, including DayPilot.Month.eventStartTime and DayPilot.Month.eventEndTime.

Declaration

DayPilot.Month.timeFormat

Possible Values

  • "Auto" - uses the value defined by DayPilot.Month.locale.

  • "Clock12Hours" - displays time using a 12-hour clock.

  • "Clock24Hours" - displays time using a 24-hour clock.

Default Value

"Auto"

Examples

JavaScript

const dp = new DayPilot.Month("dp", {
  timeFormat: "Clock12Hours",
  // ...
});
dp.init();

Angular

<daypilot-month [config]="config"></daypilot-month>
config: DayPilot.MonthConfig = {
  timeFormat: "Clock12Hours",
  // ...
};

React

<DayPilotMonth
  timeFormat="Clock12Hours"
  {/* ... */}
/>

Vue

<DayPilotMonth
  timeFormat="Clock12Hours"
  <!-- ... -->
/>

See Also

DayPilot.Month.eventStartTime

DayPilot.Month.eventEndTime

DayPilot.Month.locale

DayPilot.Month Class

Availability

Availability of this API item in DayPilot editions:

LitePro
DayPilot for JavaScript