在全日历中隐藏某些事件字段
Hide certain Event fields in fullcalendar
我已经阅读了几个小时的完整日历文档并检查了提供的演示,但我看不出这是否可行。
我目前正在从 Google 日历中获取事件,其中包含许多字段,例如:
{
"status": "confirmed",
"kind": "calendar#event",
"end": {
"dateTime": "2015-06-29T17: 00: 00+02: 00"
},
"created": "2015-06-27T15: 29: 09.000Z",
"iCalUID": "grmb2ff27hh4ppvk0o7lfclimc@google.com",
"reminders": {
"useDefault": "True"
},
"htmlLink": "https: //www.google.com/calendar/event?eid=Z3JtYjJmZjI3aGg0cHB2azBvN2xmY2xpbWMgZGV2LmFsZWphbmRyb3ZpbGxhbWFyaW5AbQ",
"sequence": 0,
"updated": "2015-06-27T15: 29: 11.144Z",
"summary": "flowerpower",
"start": {
"dateTime": "2015-06-29T14: 00: 00+02: 00"
},
"etag": "2870837902288000",
"organizer": {
"self": "True",
"displayName": "AlejandroVillamarin",
"email": "dev.alejandrovillamarin@gmail.com"
},
"creator": {
"self": "True",
"displayName": "AlejandroVillamarin",
"email": "dev.alejandrovillamarin@gmail.com"
},
"id": "grmb2ff27hh4ppvk0o7lfclimc"
}
虽然我想保留这些数据,甚至通过 ajax 调用将其发送到 fullcalendar,但我只想在日历本身中显示这些字段的 "some"...如何才能我这样做?我总是可以使用 2 个数组,但看起来很奇怪,除了那个壮观的 fullcalendar 库之外,它不提供自定义要在每个日历事件中显示的字段的方法。
谢谢,
亚历杭德罗
我一直使用 FullCalendar eventRender event 结合 jQuery 来控制这些事情。
这是我最近的一个项目的例子:
$(targetElement).fullCalendar({
events: function (start, end, callback) {
// code to grab events
},
eventRender: function (event, element) {
// 'event' will have all the fields that you want
// add css class 'label' and display status of event
element.find('.fc-event-title').addClass('label').append('STATUS ' + event.status);
var view = $(targetElement).fullCalendar('getView');
if (view.name === "agendaDay") {
// day view specific stuff here
}
if (view.name === "agendaWeek") {
// week view specific stuff here
}
}
});
我将这种附加数据与 title property of an event 结合使用。
我已经阅读了几个小时的完整日历文档并检查了提供的演示,但我看不出这是否可行。
我目前正在从 Google 日历中获取事件,其中包含许多字段,例如:
{
"status": "confirmed",
"kind": "calendar#event",
"end": {
"dateTime": "2015-06-29T17: 00: 00+02: 00"
},
"created": "2015-06-27T15: 29: 09.000Z",
"iCalUID": "grmb2ff27hh4ppvk0o7lfclimc@google.com",
"reminders": {
"useDefault": "True"
},
"htmlLink": "https: //www.google.com/calendar/event?eid=Z3JtYjJmZjI3aGg0cHB2azBvN2xmY2xpbWMgZGV2LmFsZWphbmRyb3ZpbGxhbWFyaW5AbQ",
"sequence": 0,
"updated": "2015-06-27T15: 29: 11.144Z",
"summary": "flowerpower",
"start": {
"dateTime": "2015-06-29T14: 00: 00+02: 00"
},
"etag": "2870837902288000",
"organizer": {
"self": "True",
"displayName": "AlejandroVillamarin",
"email": "dev.alejandrovillamarin@gmail.com"
},
"creator": {
"self": "True",
"displayName": "AlejandroVillamarin",
"email": "dev.alejandrovillamarin@gmail.com"
},
"id": "grmb2ff27hh4ppvk0o7lfclimc"
}
虽然我想保留这些数据,甚至通过 ajax 调用将其发送到 fullcalendar,但我只想在日历本身中显示这些字段的 "some"...如何才能我这样做?我总是可以使用 2 个数组,但看起来很奇怪,除了那个壮观的 fullcalendar 库之外,它不提供自定义要在每个日历事件中显示的字段的方法。
谢谢, 亚历杭德罗
我一直使用 FullCalendar eventRender event 结合 jQuery 来控制这些事情。
这是我最近的一个项目的例子:
$(targetElement).fullCalendar({
events: function (start, end, callback) {
// code to grab events
},
eventRender: function (event, element) {
// 'event' will have all the fields that you want
// add css class 'label' and display status of event
element.find('.fc-event-title').addClass('label').append('STATUS ' + event.status);
var view = $(targetElement).fullCalendar('getView');
if (view.name === "agendaDay") {
// day view specific stuff here
}
if (view.name === "agendaWeek") {
// week view specific stuff here
}
}
});
我将这种附加数据与 title property of an event 结合使用。