New to Kendo UI for jQuery? Start a free 30-day trial

Items

methods

Obtains an Array of the DOM elements, which correspond to the data items from the Kendo UI DataSource view.

items

Returns:Array

The currently rendered events (<div> elements).

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
    date: new Date("2022/6/13"),
    startTime: new Date("2022/6/13 07:00 AM"),
    height: 600,
    views: ["day", "week"],
    timezone: "Etc/UTC",
    dataSource: [
        {
            id: 1,
            start: new Date("2022/6/13 10:00 AM"),
            end: new Date("2022/6/13 11:00 AM"),
            title: "Team Meeting"
        },
        {
            id: 2,
            start: new Date("2022/6/13 14:00 PM"),
            end: new Date("2022/6/13 15:00 PM"),
            title: "Project Review"
        }
    ]
});

var scheduler = $("#scheduler").data("kendoScheduler");
var items = scheduler.items();
console.log("Number of event elements:", items.length);
console.log("First event element:", items[0]);
</script>