对于要在“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>
这里有什么帮助吗? 君特
最佳答案
这个主题很旧,但我在这里找不到如何使用 <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'>");
关于jquery - 在事件的第一行添加图标 (fullCalendar),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3750521/