DayPilot.Navigator.showMonths

The showMonths property (number) sets the number of months visible in the date picker component.

Declaration

DayPilot.Navigator.showMonths

Default Value

1

Notes

Set this property to a value greater than 1 to display multiple months at the same time.

Examples

JavaScript

const dp = new DayPilot.Navigator("dp", {
  showMonths: 3,
  // ...
});
dp.init();

Angular

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

config: DayPilot.NavigatorConfig = {
  showMonths: 3,
  // ...
};

React

<DayPilotNavigator
  showMonths={3}
  {/* ... */}
/>

Vue

<DayPilotNavigator
  :showMonths="3"
  <!-- ... -->
/>

See Also

DayPilot.Navigator.orientation

DayPilot.Navigator.skipMonths

DayPilot.Navigator Class