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

发布时间：2020-12-14 19:35:52 所属栏目：资源来源：网络整理

导读：我正在使用jQuery FullCalendar( http://arshaw.com/fullcalendar/docs/). 我想为每个单元格添加一些自定义HTML. 例如在我的情况下,我想根据一些逻辑有不同的背景颜色,在中间显示一个价格… 有没有办法自定义单元格的渲染？解决方法我这样做的方式就像Conn

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

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

例如在我的情况下,我想根据一些逻辑有不同的背景颜色,在中间显示一个价格…

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

解决方法

我这样做的方式就像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);
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!