주어진 셀에 이미지 추가

Question

셀의 이벤트 텍스트 (= 일)를 표시하는 대신 오른쪽 하단에 작은 사각형을 표시하고 싶습니다.

오른쪽 하단 모서리에 작은 사각형이있는 경우 중요 날짜가 있습니다.

내 문제는 이미지를 한 번만 추가해야하는 경우 이미지가 여러 번 추가된다는 것입니다.

$('#calendar').fullCalendar 
({ 
    theme: true, 
     header: 
     { 
      left: 'prev,next day', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
     }, 
     defaultDate: '2014-11-12', 
     editable: false, 
     eventLimit: false, // allow "more" link when too many events 
     dayRender: function(date, element, view) 
      { 
       $('.fc-today').append('<img src="images/square.png">'); 
      } 
}); 

결과는 방화범입니다 :

<td class="fc-day-number fc-fri fc-today ui-state-highlight" data-date="2014-12-19"> 
19 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 
<img src="images/square.png"> 

아무도 해결책을 가지고 있습니까?

Answer 1

dayRender은 현재 날짜 (오늘)에 대해서만 호출된다고 가정합니다. 이 가정은 올바르지 않습니다.

이 콜백은 달력에있는 각 날짜에 대해 실행됩니다. 따라서 현재 날짜에 대한 코드를 실행하려면 현재 element이 현재 날짜임을 조건으로 지정해야합니다. 이 같은

뭔가 :

dayRender: function(date, element, view) 
{ 
    if (element.attr('data-date') == moment().format('YYYY-MM-DD')) { 
     $('.fc-today').append('<img src="images/square.png">'); 
    } 
} 

나는이 테스트를하지 않은,하지만 작동합니다. 이벤트가있는 셀 (일)에이 작업을 수행하려는 경우 eventRender 또는 eventAfterAllRender