fullcalendar 제목 앞에있는 사용자 정의 HTML

Question

저는 프로젝트에서 fullcalendar-2.0.2를 사용하고 있습니다. 요구 사항에 따라 프로세스 완료를 위해 제목 앞에 원을 만들어야합니다. 아무도 도와 줄 수 있습니까?

Answer 1

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

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

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

 
});

.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 */ \t 
 
    font-weight: bold; 
 
    font-size:10px; 
 
} 
 

당신은 배경 이미지와 함께 클래스를 정의하고 이벤트의 배열에서 사용할 수 있습니다. 시작일 아래에 className 속성을 추가하기 만하면됩니다.