我使用的是FullCalendar的最新V4版本,在我的情况下,我似乎无法添加其他字段,如描述和注释。我使用日网格视图,希望再显示两个字段。
我从这里的答案(可能是以前的版本(和文档中尝试了多种选项,包括从核心文件夹本身修改main.js,其中title Html和timeHtml被定义为(core.htmlEscape(eventDef.title((。我设法添加了字段或更好的div,它们出现了,但没有内容,因为eventDef.description不是有效的元素,evenDef.notes也不是。
我在哪里可以将这两个定义为eventDef,或者如何附加这些字段并显示它们?
<script>
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var start = event.start;
var element = this;
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: [ 'dayGrid' ],
defaultView: 'dayGridWeek',
displayEventEnd:true,
columnHeaderFormat:{ weekday: 'long', month: 'long', day: 'numeric', omitCommas: true },
titleFormat: { year: 'numeric', month: 'long' },
header: {center: 'title,prev,next', right:'', left:''},
eventTimeFormat: {
hour: 'numeric',
minute: '2-digit',
meridiem: false
},
firstDay:1,
events: [
<?php get_data();?>
],
});
calendar.render();
});
</script>
提前感谢您的任何建议。
eventRender: function(info) {
info.el.querySelector('.fc-desc').innerHTML = "" + info.event.description + "";
}
这解决了我的问题,感谢ADyson的帮助。