DayPilot.Scheduler.timeHeaders

The timeHeaders property is an array that specifies time headers of the Scheduler component.

Each time header row will use the specified group size. You can customize the height and date format.

Declaration

DayPilot.Scheduler.timeHeaders (array)

Description

Item properties:

• groupBy (string; group size)
• format (string; date/time format; optional)
• height (number; row height in pixels; optional  - overrides headerHeight)

Possible values of groupBy property:

• "Default" - uses the value specified in cellGroupBy (used for backwards compatibility)
• "Cell" - uses a group size corresponding to cell size defined using scale
• "Hour"
• "Day"
• "Week"
• "Month"
• "Quarter"
• "Year"
• "None"

Possible values of format property:

• See DayPilot.Date.toString() pattern variables.

Default Value

[ {"groupBy": "Default"}, {"groupBy": "Cell"} ];

See Also

• DayPilot.Scheduler.onBeforeTimeHeaderRender
• DayPilot.Scheduler.onBeforeTimeHeaderExport

Example

dp.timeHeaders = [
  { groupBy: "Month", format: "MMMM yyyy" },
  { groupBy: "Day", format: "d"}
];