将自定义HTML添加到jQuery FullCalendar单元格

Question

我正在使用jQuery FullCalendar(http://arshaw.com/fullcalendar/docs/).

我想为每个日元单元添加一些自定义HTML.

例如在我的情况下,我希望根据某些逻辑有不同的背景颜色,在中间显示价格...

有没有办法自定义单元格的渲染？

Answer 1

我这样做的方式就像Conners所说:

eventRender: function(event, element) {
    element.find(".fc-event-title").remove();
    element.find(".fc-event-time").remove();
    var new_description =   
        moment(event.start).format("HH:mm") + '-'
        + moment(event.end).format("HH:mm") + '<br/>'
        + event.customer + '<br/>'
        + '<strong>Address: </strong><br/>' + event.address + '<br/>'
        + '<strong>Task: </strong><br/>' + event.task + '<br/>'
        + '<strong>Place: </strong>' + event.place + '<br/>'
    ;
    element.append(new_description);
}

Answer 2

我将解释我是如何为其他人解决这个问题的.

我使用了eventAfterRender回调.在那里,我使用jQuery来解析"element"参数,并在将html发送到浏览器之前重新编写html.