如何以编程方式为 Kendo Ui 调度程序调用导航事件
Posted
技术标签:
【中文标题】如何以编程方式为 Kendo Ui 调度程序调用导航事件【英文标题】：How do programatically invoke navigate event for Kendo Ui Scheduler 【发布时间】：2019-01-09 17:48:57 【问题描述】：我想将工具栏控件的位置移到调度程序块之外。
如何从工具栏中调用下一个和上一个按钮执行的相同命令，但在我自己的自定义按钮上。
【问题讨论】：
【参考方案1】：参见下面的代码 sn-p。
在代码中，我将当前日期的“日期”部分增加或减少 1，然后将其反馈给调度程序。它会在月末或年初自动运行。
<!DOCTYPE html>
<html>
<head>
<base href="https://demos.telerik.com/kendo-ui/scheduler/events">
<style>html font-size: 14px; font-family: Arial, Helvetica, sans-serif; </style>
<title></title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.common-material.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.material.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.material.mobile.min.css" />
<script src="https://kendo.cdn.telerik.com/2018.2.620/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2018.2.620/js/kendo.all.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2018.2.620/js/kendo.timezones.min.js"></script>
<link rel="stylesheet" href="../content/shared/styles/examples-offline.css">
<script src="../content/shared/js/console.js"></script>
</head>
<body>
<div id="example">
<button onclick="prev()">Previous</button>
<button onclick="next()">Next</button>
<div id="scheduler"></div>
</div>
<script>
$("#scheduler").kendoScheduler(
dataSource: [
id: 1,
start: new Date("2013/6/6 08:00 AM"),
end: new Date("2013/6/6 09:00 AM"),
title: "Interview"
]
);
function next()
let scheduler = $("#scheduler").data("kendoScheduler");
let date = scheduler.date();
date.setDate(date.getDate() + 1);
scheduler.date(date);
function prev()
let scheduler = $("#scheduler").data("kendoScheduler");
let date = scheduler.date();
date.setDate(date.getDate() - 1);
scheduler.date(date);
</script>
</body>
</html>【讨论】：
哦，是的，就是这个，如果我增加月份，它完全符合我的要求。以上是关于如何以编程方式为 Kendo Ui 调度程序调用导航事件的主要内容，如果未能解决你的问题，请参考以下文章