DayPilot.Scheduler.events.list

The events.list property (array) stores the event data used by the JavaScript Scheduler component.

Declaration

DayPilot.Scheduler.events.list

Default Value

null

Notes

The array items must follow the DayPilot.Event.data structure.

The events are displayed after calling init() or update().

Examples

JavaScript

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

// ...

const events = [
  {
    start: "2025-12-18T14:00:00",
    end: "2025-12-18T16:00:00",
    id: 1,
    text: "Meeting",
    resource: "A",
  },
];
dp.update({events});

Angular

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

events = [
  {
    start: "2025-12-18T14:00:00",
    end: "2025-12-18T16:00:00",
    id: 1,
    text: "Meeting",
    resource: "A",
  },
];

config: DayPilot.SchedulerConfig = {
  // ...
};

React

const events = [
  {
    start: "2025-12-18T14:00:00",
    end: "2025-12-18T16:00:00",
    id: 1,
    text: "Meeting",
    resource: "A",
  },
];

<DayPilotScheduler
  events={events}
  {/* ... */}
/>

Vue

const events = ref([
  {
    start: "2025-12-18T14:00:00",
    end: "2025-12-18T16:00:00",
    id: 1,
    text: "Meeting",
    resource: "A",
  },
]);

<DayPilotScheduler
  :events="events"
  <!-- ... -->
/>

See Also

Event Loading [doc.daypilot.org]

DayPilot.Event.data

DayPilot.Scheduler.events.load()

DayPilot.Scheduler.init()

DayPilot.Scheduler.update()

DayPilot.Scheduler Class