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

Question

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

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

但是无法通过 feed 显示图像 src，因为目前它没有图像字段。目前它有标题、网址、开始日期、结束日期和其他一些内容，但缺少图像。

我的要求是：每个事件都属于特定类别，并且每个类别都有自己的图像/图标，因此我不想在日历上显示事件标题，而是只想显示其类别的图像

我想知道它是否像下面这样：

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

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

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

Answer 1

不久前我也回答过类似的问题：

jquery-fullcalendar-plugin-with-check-box

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

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

Answer 2

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>';