在“渲染:背景”日历上显示事件标题

时间:2018-07-27 20:54:41

标签: css fullcalendar

我将Google日历同步到Fullcalendar,并将其事件渲染为“背景”

eventSources: [
      {
      googleCalendarId: 'calendarname@group.calendar.google.com',
      color: '#e7e7e7', 
      rendering: 'background'
      },

我想在背景颜色上方以块显示事件的时间。 (即时视图中的即时通讯)

1 个答案:

答案 0 :(得分:1)

如果使用“ eventRender”回调,则可以在事件的HTML元素上设置任意文本:

eventRender: function(event, element, view)
{
  if (event.allDay == false)
  {
     element.css("color", "red");
     element.css("font-weight", "bold");
     element.css("font-size", ".8em");
     element.text(event.start.format("HH:mm"));
  }
}

演示:http://jsfiddle.net/qxLuLhsf/18/