将旋转器注入完整的表单元格中

Question

我在这里的小提琴中有一个完整的calendar，将事件显示为每天的一个数字。当触发日常单击或事件项时，是否有可能将数字替换为旋转器。然后，当我完成事件数据并显示等等时，我将数字放回并隐藏旋转器？

更新！ - 当我单击单元格内部的项目

时，我可以将单元事件项的值更改为旋转器

eventLimitClick: function (cellInfo, jsEvent) {
                var eventValue = $(cellInfo.moreEl).html();
                $(cellInfo.moreEl).html('<i class="fa fa-circle-o-notch fa-spin fa-fw"></i>');
            },

更新！ - 我点击了一天以显示旋转器

dayClick: function (date, jsEvent, view) {
            var elementValue = $(jsEvent.target).text();
            $(jsEvent.target).html('<div><a class="fc-more"><i class="fa fa-circle-o-notch fa-spin fa-fw"></i></a></div>');

但是，当我触发一天单击时，我会更难更改它。回调中的"此"是" TD"元素，是针对事件项目值的不同表。如果我只能弄清楚如何更改元素从dayblick中持有值的元素，我将很高兴！或者，如果我可以从一天开始触发EventLimitClick，我会接受的！这可能吗？

这是下面的一些代码

$('#calendar').fullCalendar({
header: {
  left: 'prev,next today',
  center: 'title',
  right: ''
},
//defaultDate: '2014-06-12',
defaultView: 'basicWeek',
editable: false,
height: 174,
eventLimit: 1,
eventLimitText: function(numEvents) {
  return numEvents;
},
eventLimitClick: function (cellInfo, jsEvent) {
},
dayClick: function(date, jsEvent, view) {
},
events: [{
    title: 'Event',
    start: '2017-09-28'
  },
  {
    title: 'Event',
    start: '2017-09-28'
  }
]
});
});

td.fc-more-cell {
  text-align: center;
  font-size: 2.3em;
}
.fc-row .fc-content-skeleton,
.fc-row .fc-content-skeleton td,
.fc-row .fc-content-skeleton table,
.fc-row .fc-content-skeleton tr {
  height: 100%;
  vertical-align: middle;
}
.fc-row .fc-content-skeleton td div {
  display: inline-block;
  line-height: 100%;
}

<div id='calendar'></div>

Answer 1

dayClick: function (date, jsEvent, view) {
            var elementValue = $(jsEvent.target).text();
            $(jsEvent.target).html('<div><a class="fc-more"><i class="fa fa-circle-o-notch fa-spin fa-fw"></i></a></div>');