向fullcalendar添加额外字段
我需要为我的日历创建更多字段(fullcalendar通过php连接到mysql)。我一直在阅读eventRender,但我不完全确定它的语法以及应该放在哪里 目前我有以下几点:向fullcalendar添加额外字段,fullcalendar,Fullcalendar,我需要为我的日历创建更多字段(fullcalendar通过php连接到mysql)。我一直在阅读eventRender,但我不完全确定它的语法以及应该放在哪里 目前我有以下几点: $calendar.fullCalendar({ timeslotsPerHour : 4, defaultView:'agendaWeek', allowCalEventOverlap : true, overlapEventsSeparate: true, firstDayOfWeek : 1,
$calendar.fullCalendar({
timeslotsPerHour : 4,
defaultView:'agendaWeek',
allowCalEventOverlap : true,
overlapEventsSeparate: true,
firstDayOfWeek : 1,
businessHours :{start: 8, end: 18, limitDisplay: true },
daysToShow : 7,
theme: true,
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
editable: true,
events: "json-events.php",
eventRender : function(calEvent, $event) {
calEvent.distributor //this is my new field
},
但我认为它不起作用,我找不到任何有效的例子来比较它。
谢谢
感谢您的反馈,我已经能够使用eventRender添加自定义字段。所以现在不仅仅是正文和描述被传递
我现在的主要问题是将日期值传递到数据库,因为这些值没有被保存。有没有人知道在哪里使用过这种方法。我非常感谢。您可以在每个事件对象中包含自己的非标准字段。FullCalendar不会修改或删除这些字段。此示例帮助您
下面是我如何使用eventRender为每个事件添加一些类别的。然后我可以根据类别名称过滤事件
eventRender: function(event, element) {
element.attr("categories",event.categoryname)
}
只需使用超赞日历这里有一些属性:
{
title: 'Birthday Party',
start: new Date(y, m, d + 1, 19, 0),
end: new Date(y, m, d + 1, 22, 30),
allDay: false,
backgroundColor: "#00a65a", //Success (green)
borderColor: "#00a65a" //Success (green)
},
在fullcalendar的第4版中,要获取非标准字段,需要做一些更改。现在它只接受一个参数作为事件对象:
events: [
{
title: 'My Event',
start: '2010-01-01',
description: 'This is a cool event'
}
// more events here
],
eventRender: function(info) {
console.log(info.event.extendedProps.description);
}
注意:您可以通过以下方式访问其他字段:info.event.extendedProps.description
您确定要从JSON对象中的服务器返回calEvent.distributor吗?请发布“json events.php”,这样我们就可以追踪问题了。我正在尝试使用上述代码,但无法使其正常工作。当事件呈现时,我只能看到标题,开始,结束…没有其他内容。我正在尝试根据本教程构建日历,但很难在此评论部分发布代码。如果您有任何帮助,我们将不胜感激。在chrome开发工具控制台中…categoryname显示为未定义。在时间段中将“打印”额外字段,如标题和开始/结束日期?嗨,Dimitris-我查看了我的代码,确保传递到日历的事件具有所需的字段,然后可以在eventrender函数中访问这些字段。因此categoryname是我的字段名,它不是日历的一部分。这也会起作用:
extendedProps:{'description':'this is cool event'}
并且用法是info.event.extendedProps['description']