html5 calendar show current time

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


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";