You can use ShowCurrentTime property to display a line indicating the current time position.
- The position is updated dynamically.
- The current time indicator uses *_now CSS class.
- It is turned on by default.
Note: You can also use BeforeCellRender event handler to highlight the current time cell. This is a static
JavaScript
Show current time indicator:
dp.showCurrentTime = true;
Highlighting a cell using onBeforeCellRender:
dp.onBeforeCellRender = function(args) { var now = new DayPilot.Date().getTime(); if (args.cell.start.getTime() <= now && now < args.cell.end.getTime()) { args.cell.backColor = "red"; } };