jQuery fullcalendar中的事件数组
json array for events array in jQuery fullcalendar
我使用jQuery fullcalendar,我必须动态地设置事件,从查询,使用JSON数组,现在我正在尝试使用静态数组。这是我的代码:
<?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;
它不工作…有人能帮帮我吗?谢谢的
问题出在你的代码中。
<?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;
希望,这将工作…!
相关文章:
- 将事件附加到对象/数组
- 算法:从数组(javascript/angular)中按当前日期获取上一个和下一个事件
- Javascript:OnChange事件,将数组变量传递给另一个函数
- 如何确定$(this)是否在单击事件的数组中
- 当从jquery的点击事件中的每个循环创建的数组到它之外时,它显示空白数组
- 如何在 keyup 事件上匹配数组中的字符串
- 使用事件更改数组的一个元素
- 正在尝试获取事件之外的更新数组的值
- 为什么不是't单击事件中返回的数组的总和
- 如何在地图框中的层数组中循环以侦听单击事件
- 将jQuery事件函数应用于新的Knockout.js数组元素
- Javascript事件处理程序总是被添加到数组中的最后一个对象
- 如何使用onclick事件中的函数,并使用循环对函数中数组中的函数进行计数,从而调用多个JavaScript函数
- 在提交 HTML 表单后从数组中提取数据(按键事件)
- 如何修改此代码,以便创建数组并将事件添加到数组中
- 如果用户靠近并触发特定事件,请检查位置数组
- 如何使用带有复选框的事件触发器访问 ID 数组
- 主干.js - 模型数组上的更改事件不会在元素更改时触发
- 为什么这个事件侦听器在 javascript 中的数组中对多个键不起作用
- 如何在 javascript 中的数组上添加自定义事件