JavaScript Calendar Timeline Scale

The scale property lets you select one of the predefined scale units or define a custom scale unit in minutes. The scale unit will be used to generate the timeline on the vertical axis of the JavaScript Calendar.

Supported values:

  • "Minute"

  • "Hour"

  • "Day"

  • "Week"

  • "CellDuration"

The default value ("CellDuration") lets you specify the cell duration in minutes.

The larger scale units, such as days and weeks, are useful in the resource calendar view, where resources are displayed on the horizontal axis. This view allows you to display a timeline for multiple resources side-by-side.

Example

Calendar configuration:

{
  viewType: "Resources",
  scale: "Day",
  startDate: DayPilot.Date.today().firstDayOfMonth(),
  days: DayPilot.Date.today().daysInMonth(),
  // ...
}

Live Demos