如何在KendoUI排定程序上创建年度视图？

<div id="scheduler"></div>

$("#scheduler").kendoScheduler({
    views: [
        "year" // 设置视图为年度视图
    ],
    date: new Date() // 设置初始日期
});

$("#scheduler").kendoScheduler({
    views: [
        "year"
    ],
    date: new Date(),
    editable: true, // 设置为可编辑
    dataSource: {
        // 设置数据源
        data: [
            {
                title: "事件1",
                start: new Date(2022, 0, 1),
                end: new Date(2022, 0, 2)
            },
            {
                title: "事件2",
                start: new Date(2022, 0, 3),
                end: new Date(2022, 0, 4)
            }
        ]
    },
    timeFormat: "HH:mm" // 设置时间格式
});

$("#scheduler").kendoScheduler({
    views: [
        "year"
    ],
    date: new Date(),
    editable: true,
    dataSource: {
        data: [
            {
                title: "事件1",
                start: new Date(2022, 0, 1),
                end: new Date(2022, 0, 2)
            },
            {
                title: "事件2",
                start: new Date(2022, 0, 3),
                end: new Date(2022, 0, 4)
            }
        ]
    },
    timeFormat: "HH:mm",
    toolbar: [
        "year" // 添加年度视图导航按钮
    ],
    navigate: function(e) {
        // 设置事件点击事件
        if (e.view === "year") {
            console.log("点击了年度视图的事件");
        }
    }
});