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

将自定义HTML添加到jQuery FullCalendar单元格,第1张

概述我正在使用jQuery FullCalendar( http://arshaw.com/fullcalendar/docs/). 我想为每个单元格添加一些自定义HTML. 例如在我的情况下,我想根据一些逻辑有不同的背景颜色,在中间显示一个价格… 有没有办法自定义单元格的渲染? 我这样做的方式就像Conners所说: eventRender: function(event, element) { 我正在使用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);}
总结

以上是内存溢出为你收集整理的将自定义HTML添加到jQuery FullCalendar单元格全部内容,希望文章能够帮你解决将自定义HTML添加到jQuery FullCalendar单元格所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1144016.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存