Question

我想在日期上添加其他图标，例如，在6月1日日历上，我可以在上述日期上添加一个图标，如葡萄酒符号，而不是颜色。我尝试了以下代码，但无法正常工作。

<div id='calendar'></div>

<script type="text/javascript">
    $(document).ready()

        $(function() {

  // page is now ready, initialize the calendar...

  $('#calendar').fullCalendar({

    events: [
    {
      title  : 'event1',
      start  : '2018-06-01',
      imageurl:'http://www.completecocktails.com/img/d/l/ShotInTheDark.png'
    },
    {
      title  : 'event2',
      start  : '2018-06-05',
      end    : '2018-06-07'
    },
    {
      title  : 'event3',
      start  : '2018-06-09T12:30:00',
      allDay : false // will make the time show

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

Answer 1

在事件中，您只需要添加

imageurl:'https://images/images.png',

and add this 
    eventRender: function(event, eventElement) {
      if (event.imageurl) {
        eventElement.prepend("<img src='" + event.imageurl + "' width='80' height='80' >");
      }  return ['all', event.tags].indexOf($('#event_selector option:selected').val()) >= 0;



    },

完整日历在日期中添加图像

1 个答案: