Javascript 如何在完整日历中正确添加按钮？

我正在使用完整日历，我有以下功能：

calendar: function(datos,rut){

    var self = this;
    console.info(datos);
    $('#calendar').fullCalendar({

        height: 500,
        events: datos,
        editable: true,

            header: {
                left: '',
                center: 'prev title next',
                right: '',
            },

        eventClick:  function(event) {
            $('#modalTitle').html(event.title);
            $('#modalBody').html(event.description);
            $('#eventUrl').attr('href',event.url);
            $('#fullCalModal').modal();
        },

        eventRender: function (event, element) {

            element.find('.fc-title').append(" (<strong>"+ event.estado +"</strong>)");

            var estado = event.estado;
            var date = event.title;
            var formatoFecha = date.substring(0,10);
            $('.fc-day-number[data-date='+formatoFecha+']').html("<div class=text-center><button type='button' style='margin-right:5px; padding:0; border: none; background: none;' id ='editar_control_"+formatoFecha+"_id' class='btn btn-default addButton' title='Ver/Editar'><i class='fa fa-eye'></i></button></div>");
            self.actionBtnCalendar(formatoFecha,rut,datos);


        }

    })

    $('#calendar').fullCalendar('removeEvents');
    $('#calendar').fullCalendar('addEventSource', datos);         
    $('#calendar').fullCalendar('rerenderEvents');        
},

日历：功能（datos、rut）{
var self=这个；
控制台信息（datos）；
$（“#日历”）.fullCalendar({
身高：500，
活动：达托斯，
是的，
标题：{
左：''，
中间：“上一个标题下一个”，
对：''，
},
事件单击：函数（事件）{
$（'#modaltile'）.html（event.title）；
$（'#modalBody'）.html（event.description）；
$（'#eventUrl'）.attr（'href'，event.url）；
$（'fullCalModal'）.modal（）；
},
eventRender:函数（事件，元素）{
元素。查找（'.fc title'）。追加（（“+event.estado+”）；
var estado=event.estado；
变量日期=event.title；
var formatoFecha=日期子字符串（0,10）；
$（'.fc日数[数据日期='+FormatOfcha+']'）。html（“”）；
自我行动BTNCalendar（格式、规则、数据）；
}
})
$（“#calendar”）.fullCalendar（'removeEvents'）；
$（“#日历”）.fullCalendar（'addEventSource'，datos）；
$（“#日历”）.fullCalendar（'rerendervents'）；
},

看起来：

眼睛图标是一个按钮，这很好，但问题是我在使用它：

$('.fc-day-number[data-date='+formatoFecha+']').html("<div class=text-center><button type='button' style='margin-right:5px; padding:0; border: none; background: none;' id ='editar_control_"+formatoFecha+"_id' class='btn btn-default addButton' title='Ver/Editar'><i class='fa fa-eye'></i></button></div>";

$（'.fc日数[数据日期='+FormatOfcha+']）.html（“；

使用html，天数消失，如果我使用append，如下所示：

眼睛的数量与每天发生的事件的数量相同

所以我不知道如何在每天都有活动的情况下正确地放置按钮，但是在外面，我需要与第一张图片相同的按钮，但显示天数

我感谢任何建议或帮助，对不起我的英语

编辑

如果使用dayRender：

eventRender: function (event, element) {

            element.find('.fc-title').append(" (<strong>"+ event.estado +"</strong>)");

            var estado = event.estado;
            var date = event.title;
            var formatoFecha = date.substring(0,10);
            //$('.fc-day-number[data-date='+formatoFecha+']').html("<div class=text-center><button type='button' style='margin-right:5px; padding:0; border: none; background: none;' id ='editar_control_"+formatoFecha+"_id' class='btn btn-default addButton' title='Ver/Editar'><i class='fa fa-eye'></i></button></div>");
            self.actionBtnCalendar(formatoFecha,rut,datos); 
        },

        dayRender: function (date, element) {
            $('.fc-day-number[data-date='+date+']').append("<div class=text-center><button type='button' style='margin-right:5px; padding:0; border: none; background: none;' id ='editar_control_"+date+"_id' class='btn btn-default addButton' title='Ver/Editar'><i class='fa fa-eye'></i></button></div>");
        }

eventRender:function（事件，元素）{
元素。查找（'.fc title'）。追加（（“+event.estado+”）；
var estado=event.estado；
变量日期=event.title；
var formatoFecha=日期子字符串（0,10）；
//$（'.fc日数[数据日期='+FormatOfcha+']'）。html（“”）；
自我行动BTNCalendar（格式、规则、数据）；
},
dayRender:函数（日期、元素）{
$（'.fc天数[数据日期='+date+']'）。追加（“”）；
}

---

没有任何事情发生

您会看到结果，因为您使用了

eventRender

挂钩，而不是每天显示一次按钮。您应该使用

daydrender

挂钩。 看

dayRender:函数（日期，元素）{
$（'.fc天数[数据日期='+date+']'）。追加（“”）；
}

---

使用此钩子，您可以使用

append

，因为它每天只调用一次。

您可以看到结果，因为您使用

eventRender

钩子，而不是每天显示一次按钮。您应该使用

daydrender

钩子。 看

dayRender:函数（日期，元素）{
$（'.fc天数[数据日期='+date+']'）。追加（“”）；
}

---

使用此钩子，您可以使用

append

，因为它每天只调用一次。

Hi，ty for u answer，我使用了dayRender，但什么也没有发生，我不知道为什么。我需要添加其他内容？您能否验证函数中的

date

是否指向代码中正确的html对象，只需执行一些

console.logs

看看发生了什么。（如果你能提供小提琴，我可以更容易地帮助你）您好，ty for u answer，我使用了dayRender，但什么都没有发生，我不知道为什么。我需要添加其他内容？您是否可以验证函数中的

日期

是否指向代码中正确的html对象，只需执行一些

控制台日志

即可查看发生了什么。（如果您可以提供小提琴，我可以更轻松地帮助您）

dayRender: function (date, element) {
        $('.fc-day-number[data-date='+date+']').append("<div class=text-center><button type='button' style='margin-right:5px; padding:0; border: none; background: none;' id ='editar_control_"+date+"_id' class='btn btn-default addButton' title='Ver/Editar'><i class='fa fa-eye'></i></button></div>");
    }