All docs
V24.2
24.2
24.1
23.2
23.1
22.2
22.1
21.2
21.1
20.2
20.1
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.

JavaScript/jQuery Scheduler - Date Navigator

The date navigator is an element that allows you to change the date displayed on the view.

Scheduler Date Navigator

You can specify the range of available dates in the min and max properties:

index.js
  • $(function() {
  • $("#schedulerContainer").dxScheduler({
  • // ...
  • min: new Date(2018, 2, 3),
  • max: new Date(2018, 4, 3)
  • });
  • });

Use the customizeDateNavigatorText function to customize the navigator's text. Refer to the function's description for an example.