Question

我想用不同的观点显示不同的事件信息。

在视图“月份”中，我只想显示最必要的数据，例如“标题”。

但是在视图'listMonth'中我想显示有关事件的其他信息。

我尝试了以下操作但不知道为什么在listMonth视图中这不会改变事件的标题。

$("#calendar").fullCalendar({
  views: {
    listMonth: {
      buttonText: 'list',
      displayEventTime: true
    }
  },
  events: [{
    title: 'event1',
    id: '1',
    start: '2018-01-13T11:00:00',
    end: '2018-01-13T15:00:00',
    addtlTitle: 'event1, where, what, how'
  }],
  eventRender: function(event, element, view) {
    if (view.name == "listMonth") {
      event.title = event.addtlTitle;
    }
  }
});

Answer 1

根据docRender运行时的文档（https://fullcalendar.io/docs/event_rendering/eventRender/），它已经创建了将要添加到日历中的HTML元素。这是作为＆＃34;元素＆＃34;提供的。回调中的参数。修改＆＃34;事件＆＃34;此阶段的对象没有任何效果 - 它只在那里，所以你可以访问事件的更多属性，以便改变HTML元素。

相反，您必须检查该结构类型中呈现事件的HTML结构，并确定要更改的内容。在这种情况下，代码非常简单：

eventRender: function( event, element, view ) {
  if (view.name == "listMonth")
  {
     element.find('.fc-list-item-title').html(event.addtlTitle);
  }
},

请点击此处查看工作演示：http://jsfiddle.net/sbxpv25p/81/

[fullcalendar]让listMonth显示比月份更多的细节

1 个答案: