Javascript jQuery fullcalendar中事件数组的json数组
我使用的是jQuery fullcalendar,我必须使用JSON数组从查询中动态设置事件,现在我尝试使用静态数组。 这是我的代码:Javascript jQuery fullcalendar中事件数组的json数组,javascript,php,arrays,json,fullcalendar,Javascript,Php,Arrays,Json,Fullcalendar,我使用的是jQuery fullcalendar,我必须使用JSON数组从查询中动态设置事件,现在我尝试使用静态数组。 这是我的代码: <?php $arr = array( array( "title" => "first", "start" => "2016-10-18T10:00", "end" => "2016-10-18T11
<?php
$arr = array(
array(
"title" => "first",
"start" => "2016-10-18T10:00",
"end" => "2016-10-18T11:00"
),
array(
"title" => "second",
"start" => "2016-10-18T12:00",
"end" => "2016-10-18T13:00"
),
array(
"title" => "third",
"start" => "2016-10-18T16:00",
"end" => "2016-10-18T17:00"
)
);
json_encode($arr);
?>
$(document).ready(function () {
var initialLocaleCode = 'it';
var events = [$arr];
var eventsArray = [];
console.log('e',events);
$.parseJSON(events).forEach(function(element, index){
eventsArray.push({
title:element.title,
description:element.description.substring(0,30),
start:new Date(element.start).toISOString(),
end:new Date(element.end).toISOString(),
})
}
}
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay,listMonth'
},
defaultDate: '2016-09-12',
locale: initialLocaleCode,
buttonIcons: false, // show the prev/next text
weekNumbers: true,
navLinks: true, // can click day/week names to navigate views
editable: true,
eventLimit: true, // allow "more" link when too many events
events: eventsArray;
$(文档).ready(函数(){
var initialLocaleCode='it';
var事件=[$arr];
var eventsArray=[];
console.log('e',事件);
$.parseJSON(事件).forEach(函数(元素,索引){
推({
标题:element.title,
描述:元素。描述。子字符串(0,30),
开始:新日期(element.start).toISOString(),
结束:新日期(element.end).toISOString(),
})
}
}
$(“#日历”).fullCalendar({
标题:{
左:“上一个,下一个今天”,
中心:'标题',
右图:“月、agendaWeek、agendaDay、listMonth”
},
违约日期:“2016-09-12”,
区域设置:initialLocaleCode,
ButtonNicons:false,//显示上一个/下一个文本
周数:对,
navLinks:true,//可以单击日/周名称来导航视图
是的,
eventLimit:true,//当事件太多时允许“更多”链接
事件:eventsArray;
没用了…有人能帮我吗?
Thank的问题在您的代码中。请尝试下面的问题
<?php
$arr = array(
array(
"title" => "first",
"start" => "2016-10-18T10:00",
"end" => "2016-10-18T11:00"
),
array(
"title" => "second",
"start" => "2016-10-18T12:00",
"end" => "2016-10-18T13:00"
),
array(
"title" => "third",
"start" => "2016-10-18T16:00",
"end" => "2016-10-18T17:00"
)
);
$jsonArr = json_encode($arr);
?>
$(document).ready(function () {
var initialLocaleCode = 'it';
var events = <?php echo $jsonArr; ?>;
var eventsArray = [];
console.log('e',events);
$.parseJSON(events).forEach(function(element, index){
eventsArray.push({
title:element.title,
description:element.description.substring(0,30),
start:new Date(element.start).toISOString(),
end:new Date(element.end).toISOString(),
})
}
}
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay,listMonth'
},
defaultDate: '2016-09-12',
locale: initialLocaleCode,
buttonIcons: false, // show the prev/next text
weekNumbers: true,
navLinks: true, // can click day/week names to navigate views
editable: true,
eventLimit: true, // allow "more" link when too many events
events: eventsArray;
$(文档).ready(函数(){
var initialLocaleCode='it';
var事件=;
var eventsArray=[];
console.log('e',事件);
$.parseJSON(事件).forEach(函数(元素,索引){
推({
标题:element.title,
描述:元素。描述。子字符串(0,30),
开始:新日期(element.start).toISOString(),
结束:新日期(element.end).toISOString(),
})
}
}
$(“#日历”).fullCalendar({
标题:{
左:“上一个,下一个今天”,
中心:'标题',
右图:“月、agendaWeek、agendaDay、listMonth”
},
违约日期:“2016-09-12”,
区域设置:initialLocaleCode,
ButtonNicons:false,//显示上一个/下一个文本
周数:对,
navLinks:true,//可以单击日/周名称来导航视图
是的,
eventLimit:true,//当事件太多时允许“更多”链接
事件:eventsArray;
希望,这会起作用。!!!你能检查一下你的网络浏览器的控制台中是否有错误吗?我猜当你在这里复制代码时,结尾的分号只是一个语法错误。
var events=[$arr];
。你混合了Javascript/PHPi,控制台中有一个错误,这是:意外标记)你能帮我吗?你应该在控制台中有错误行。我很确定你可以自己找到。你没有确认你在代码中输入了错误。fullCalendar{(
已关闭?()};
)控制台告诉我:意外标记<在这一行中“var events=”现在的错误是:jquery.min.js文件中位置0处的JSON中的意外标记<使用
或
尝试此var events='';或var events=['';