DayPilot.Scheduler.durationBarMode

The durationBarMode property (string) sets how the Scheduler duration bar is calculated and displayed.

Declaration

DayPilot.Scheduler.durationBarMode

Possible Values

• "Duration" - the duration bar displays the real event duration when event boxes are active. See also Exact Event Duration.

• "PercentComplete" - the duration bar displays the percentage stored in the DayPilot.Event.data complete property.

Default Value

"Duration"

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  durationBarMode: "PercentComplete",
  // ...
});
dp.init();

Angular

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

config: DayPilot.SchedulerConfig = {
  durationBarMode: "PercentComplete",
  // ...
};

React

<DayPilotScheduler
  durationBarMode="PercentComplete"
  {/* ... */}
/>

Vue

<DayPilotScheduler
  durationBarMode="PercentComplete"
  <!-- ... -->
/>

See Also

DayPilot.Event.data

Exact Event Duration [doc.daypilot.org]

DayPilot.Scheduler Class