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 - Current Time Indication

The Scheduler displays a specific indicator that highlights the current time on a view by default. The indicator is available only on views containing the time scale.

Current Time Indicator

Use the showCurrentTimeIndicator property to control the indicator's visibility.

JavaScript
  • $(function(){
  • $("#schedulerContainer").dxScheduler({
  • // ...
  • showCurrentTimeIndicator: true
  • });
  • });

Additionally, you can apply shading to cover the timetable up to the current time by assigning true to the shadeUntilCurrentTime property.

JavaScript
  • $(function(){
  • $("#schedulerContainer").dxScheduler({
  • // ...
  • showCurrentTimeIndicator: true,
  • shadeUntilCurrentTime: true
  • });
  • });

View Demo

See Also