在fullcalendar标题前面的自定义HTML

Question

我在我的项目中使用fullcalendar-2.0.2。根据要求，我需要在标题前面创建一个圆圈以便完成流程。有人可以帮忙吗？

Answer 1

＆＃13;

＆＃13;

$('#calendar').fullCalendar({
  theme: true,
  header: {
    left: 'prev,next today',
    center: 'title',
    right: 'month,basicWeek,basicDay'					
  },

  themeButtonIcons:false,				
  weekNumbers: true,
  fixedWeekCount: false,
  editable: true,
  eventTextColor: 'black',
  eventLimit: true, 	
  events: [

    {
      title: 'Lunch',
      start: '2014-11-04T12:00:00',
      className: 'complete_task'				
    }
  ]

});

＆＃13;

.complete_task{
  background-image:url("images/circle_red.png") ;
  background-repeat:no-repeat;
  background-color:transparent;
  border-color:transparent;
  padding-left: 15px;  /* width of the image plus a little extra padding */	
  font-weight: bold;
  font-size:10px;
}
    

＆＃13;

＆＃13;

＆＃13;

您可以使用背景图像定义类，并在事件数组中使用它。只需在开始日期下添加className属性即可。