如何将图像添加到特定事件，jquery完整日历

Question

我有自定义帖子类型，并且有自定义分类，其中有一个额外字段，它是代表分类标准的图标。

所以我可以从wpdb查询并使用json将所有必需的东西传递给jquery完整的日历。

但是不能通过Feed显示图像src，因为它目前没有imgage字段。 Currrenlt它有title，url，start_date，end_date和其他一些但它缺少图像。

我的要求是：每个活动都属于特定类别，每个类别都有自己的图片/图标，所以不是在日历上显示标题，我只想显示其类别的图像

我很奇怪是否喜欢如下：

$jsonevents[] = array(
            'title' => $new_term,
            'image'=> $img_var,
            'start'  => $stime,
            'textColor' => '#757770',
            'backgroundColor' =>'#e8e8e8'
           );

我知道jquery完整日历中没有图像密钥，但我想我们可能需要修改fullcalendar.js文件。

所以问题是有人已经修改了这个吗？

Answer 1

我回答了类似的事情 - 我认为它也适用于此：

full calendar - associate clickable icons with events?

看看并告诉我它是否有帮助！

Answer 2

不久前我也回答了类似的事情：

jquery-fullcalendar-plugin-with-check-box

在那个答案中，我给出了两个可能的选择。 Checkout选项1，其中我展示了如何使用css和fullcalendar事件对象上已经可用的“className”字段将背景图像添加到fullcalendar事件。我在生产网站上成功使用该方法，为某些类型的事件添加小图标。

我的选项2与ganeshk提出的基本相同 - 使用eventRender回调。

Answer 3

json文件可以包含imageurl条目。

在fullcalendar.js（第6268和5054行）中，我添加了以下代码：

var imageurl = "";
if (event.imageurl) {
    imageurl = '<img src="'+event.imageurl+'" width="20"/>';
}

第6295行：

htmlEscape(event.title) + imageurl +

第5059行：

titleHtml =
            '<span class="fc-title">' +
                (htmlEscape(event.title || '') || '&nbsp;') + // we always want one line of height
                imageurl +
            '</span>';