gpt4 book ai didi

FullCalendar - 图像作为事件

转载 作者:行者123 更新时间:2023-12-04 22:19:18 26 4
gpt4 key购买 nike

希望使用完整日历并将图像作为事件和可拖动。总之,很想看看这个例子如何https://fullcalendar.io/js/fullcalendar-3.0.1/demos/external-dragging.html将使用小缩略图而不是文本“我的事件 1,我的事件 2”等。并让该图像显示在日历上。

提前致谢。

最佳答案

您可以通过在事件定义中添加属性“imageurl”来将任何图像 url 添加到 eventObject(如果您只想要图像,请不要指定标题):

events: [
{
title : 'event',
start : '2016-10-12',
end : '2016-10-14',
imageurl:'img/edit.png', //you can pass the image url with a variable if you wish different images for each event
.
.
.
}

之后,您在 eventRender 中添加以下代码,这会将图像图标添加到事件中(16 宽和高对于缩略图来说是一个不错的尺寸):
eventRender: function(event, eventElement) {
if (event.imageurl) {
eventElement.find("div.fc-content").prepend("<img src='" + event.imageurl +"' width='16' height='16'>");
}
},

有关详细信息,请参阅此问题: Add Icon(s) in first line of an event (fullCalendar)

关于FullCalendar - 图像作为事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40266483/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com