jquery - 在事件的第一行添加图标 (fullCalendar)

Question

对于要在“fullCalendar”矩阵中显示的事件的特定属性，我想添加图标来显示它们，对于“已完成”，添加一个 (i) 按钮，或者在事件包含 URL 链接的情况下添加一个 URL 符号.

我不想向 元素中的其中一个元素 (fc-event-time/-title) 写入任何 html 字符串，而是定义一个如下所示的附加元素:

<a>
  <span class="fc-event-time">15:15  - 16:15<br></span>
  **<span class="fc-event-icons"> ..some definitions for icons here ..</span>**
  <span class="fc-event-title">Fri Dille</span>
</a>

这里有什么帮助吗？君特

Answer 1

这个主题很旧，但我在这里找不到如何使用 <img> 来做到这一点标签，所以我在这里留下另一种将图像放入全日历事件中的方法:

添加您的 eventObject图像的路径。如果你使用 javascript，它会是这样的:

events: [
    {
        title  : 'event1',
        start  : '2010-01-01',
        imageurl:'img/edit.png'
    },
    {
        title  : 'event1',
        start  : '2010-01-01'
    }]

然后eventRender只需放置图像:

eventRender: function(event, eventElement) {
    if (event.imageurl) {
        eventElement.find("div.fc-content").prepend("<img src='" + event.imageurl +"' width='12' height='12'>");
    }
},

如果您想在所有项目上使用相同的图像，您只需将其放入 eventRender 中即可。 :

eventElement.find("div.fc-content").prepend("<img src='pathtoimage.png' width='12' height='12'>");