FullCalendar - イベントとしてのイメージ

Question

完全なカレンダーを使用して、画像をイベントやドラッグ可能にすることをお探しですか？要するに、この例のhttps://fullcalendar.io/js/fullcalendar-3.0.1/demos/external-dragging.htmlが「My Event 1、My Event 2」というテキストの代わりに小さいサムネイルでどのように動作するかを見てみたいと思います。その画像をカレンダーに表示させてください。

ありがとうございます。

Answer 1

あなたは（あなただけのイメージをしたい場合は、タイトルを指定しない）イベント定義の内部で属性「IMAGEURL」を追加することによって、あなたのEVENTOBJECTに任意の画像のURLを追加することができます。その後

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

を、あなたは（16幅と高さは、サムネイルのための良いサイズです）イベントに画像アイコンが追加されますされ、eventRenderに次のコードを追加します。詳細については

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)