将图像追加到给定单元格

Question

我想在右下角显示一个小方块，而不是在单元格中显示事件的文本(=day(。

关键是，当右下角有一个小方块时，有一个重要的日期。

我的问题是图像被多次附加，而它应该只附加一次。

$('#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">');
            }
});

结果在FireBug中：

<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