FullCalendar - Bilder als Ereignisse

Question

Looking to Full Kalender zu verwenden und Bilder als Ereignisse und ziehbare enthalten. Kurz gesagt, würde gerne sehen, wie dieses Beispiel https://fullcalendar.io/js/fullcalendar-3.0.1/demos/external-dragging.html würde mit kleinen Thumbnails anstelle des Textes "Mein Event 1, My Event 2" usw. arbeiten Und dieses Bild im Kalender angezeigt werden.

Vielen Dank im Voraus.

Answer 1

Sie jede Bild-URL zu Ihrem event durch Hinzufügen des Attributs „imageurl“ innerhalb der Definition Ereignisse hinzufügen können (wenn Sie nur das Bild wollen, keinen Titel angeben):

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 
     . 
     . 
     . 
    } 

Danach , können Sie den folgenden Code in dem eventRender, fügen, die das Bild-Symbol auf das Ereignis hinzufügen wird (16 Breite und Höhe ist eine gute Größe für einen Thumbnail):

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

für weitere Informationen zu dieser Frage finden: Add Icon(s) in first line of an event (fullCalendar)