javascript - 如何以编程方式为 Kendo Ui Scheduler 调用导航事件
解决方案
请参阅下面的代码片段。
在代码中,我将当前日期的“日期”部分增加或减少 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>
推荐阅读
- python - 如何迭代具有多个列的多个数据框的行
- php - 从 http_build_query 中删除编码字符
- ios - Xcode 12:在 FIRAnalyticsConnector 上构建错误
- python - Groupby ID,按时间排序,最后除以第一个
- python - 我在python上使用kivy模块,它无法打开一个窗口,为什么?
- python - 我正在尝试让添加按钮在 kivy 中添加另外 3 个文本输入框
- pandas - groupby 基于一列并获取另一列中的总和值
- javascript - 为什么我从 Heroku 应用程序中收到 {"message":"Authentication invalid"}?
- java - Minecraft modding 1.12 - 纹理未显示
- javascript - 在 React Native iOS 和 Android 博览会应用程序中保存单个字符串