Javascript 剑道ui调度程序-JSON数据未显示
我正在尝试使用剑道调度程序来显示3个不同的日历。计划程序本身显示正确,但未填充/显示数据。我对JavaScript非常陌生,我似乎不知道问题出在哪里。页面上没有错误,看起来它可以看到JSON文件,但没有显示数据 任何帮助都将不胜感激 代码如下:Javascript 剑道ui调度程序-JSON数据未显示,javascript,json,kendo-ui,kendo-scheduler,Javascript,Json,Kendo Ui,Kendo Scheduler,我正在尝试使用剑道调度程序来显示3个不同的日历。计划程序本身显示正确,但未填充/显示数据。我对JavaScript非常陌生,我似乎不知道问题出在哪里。页面上没有错误,看起来它可以看到JSON文件,但没有显示数据 任何帮助都将不胜感激 代码如下: <div id="example"> <div id="team-schedule"> <div id="people"> <input checked type="checkbox" i
<div id="example">
<div id="team-schedule">
<div id="people">
<input checked type="checkbox" id="fcpi" value="2">
<input type="checkbox" id="rpr" value="3">
<input checked type="checkbox" id="aaspg" value="1">
</div>
</div>
<div id="scheduler"></div>
</div>
<script>
$(function() {
$("#scheduler").kendoScheduler({
date: new Date("2016/1/13"),
startTime: new Date("2016/1/13 07:00AM"),
height: 600,
views: [
"day",
"workWeek",
"week",
{ type:"month", selected: true},
"agenda"
],
timezone: "Etc/GMT",
dataSource: {
batch: true,
transport: {
read: {
url: "./calendars/Fiscal.json",
dataType: "jsonp"
}
},
schema: {
model: {
id: "taskId",
fields: {
taskId: { from: "TaskID", type: "number" },
title: { from: "Title", defaultValue: "No title", validation: { required: true } },
start: { type: "date", from: "Start" },
end: { type: "date", from: "End" },
startTimezone: { from: "StartTimezone" },
endTimezone: { from: "EndTimezone" },
description: { from: "Description" },
recurrenceId: { from: "RecurrenceID" },
recurrenceRule: { from: "RecurrenceRule" },
recurrenceException: { from: "RecurrenceException" },
ownerId: { from: "OwnerID", defaultValue: "1", type: "number" },
isAllDay: { type: "boolean", from: "IsAllDay" }
}
}
},
filter: {
filters: [
{ field: "ownerId", operator: "eq", value: '1' }
]
}
},
resources: [
{
field: "ownerId",
title: "Owner",
dataSource: [
{ text: "AA & SPG Pay Run", value: '1', color: "#f8a398" },
{ text: "Foster Care Phone In", value: '2', color: "#51a0ed" },
{ text: "Residential Pay Run", value: '3', color: "#56ca85" }
]
}
]
});
$("#people :checkbox").change(function(e) {
var checked = $.map($("#people :checked"), function(checkbox) {
return parseInt($(checkbox).val());
});
var scheduler = $("#scheduler").data("kendoScheduler");
scheduler.dataSource.filter({
operator: function(task) {
return $.inArray(task.ownerId, checked) >= 0;
}
});
});
});
</script>
数据似乎不正确,我举了一个例子 我认为问题在于开始日期和结束日期不一致
var YourData =[{"TaskID":1,"OwnerID":2,"Title":"Bowling tournament","Description":"","StartTimezone":null,"Start":"\/Date(1370811600000)\/","End":"\/Date(1453420800)\/","EndTimezone":null,"RecurrenceRule":null,"RecurrenceID":null,"RecurrenceException":null,"IsAllDay":false}];
var NewData =[{"TaskID":1,"OwnerID":2,"Title":"Bowling tournament","Description":"","StartTimezone":null,"Start":"\/Date(1453334400)\/","End":"\/Date(1370822400000)\/","EndTimezone":null,"RecurrenceRule":null,"RecurrenceID":null,"RecurrenceException":null,"IsAllDay":false}];
你的数据不起作用,但新数据起作用了,我只是用第一项测试
这里是一个例子
希望此帮助如果我的开始日期和结束日期是问题所在,那么将人类可读的日期转换为unix时间戳的最佳方式是什么?我不明白提供的开始和结束日期。开始日期是2016年,结束日期是1970年?剑道演示似乎使用毫秒而不是秒。我试图在excel中进行转换,然后将数据转换为json数据。我似乎找不到一种一致的方法来转换并检查我的数据。您是否尝试过这样的方法:
var Date=“26-02-2012”;日期=拆分日期(“-”);var newDate=日期[1]+“/”+日期[0]+“/”+日期[2];警报(新日期(newDate.getTime())代码>
var YourData =[{"TaskID":1,"OwnerID":2,"Title":"Bowling tournament","Description":"","StartTimezone":null,"Start":"\/Date(1370811600000)\/","End":"\/Date(1453420800)\/","EndTimezone":null,"RecurrenceRule":null,"RecurrenceID":null,"RecurrenceException":null,"IsAllDay":false}];
var NewData =[{"TaskID":1,"OwnerID":2,"Title":"Bowling tournament","Description":"","StartTimezone":null,"Start":"\/Date(1453334400)\/","End":"\/Date(1370822400000)\/","EndTimezone":null,"RecurrenceRule":null,"RecurrenceID":null,"RecurrenceException":null,"IsAllDay":false}];