FullCalendar V4 中的附加字段和行

Question

我使用的是最新的 V4 版本的 FullCalendar，我似乎无法在我的案例中添加其他字段，如描述和注释。我使用 daygrid 视图，我希望再显示两个字段。

我已经从这里的答案（可能是以前的版本）和文档中尝试了多个选项，包括从核心文件夹本身修改 main.js，其中定义了 titleHtml 和 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>

提前感谢您的任何建议。

Answer 1

eventRender: function(info) { 
  info.el.querySelector('.fc-desc').innerHTML = "" + info.event.description + "";
}

这解决了我的问题，感谢 ADyson 的帮助。

FullCalendar V4 中的附加字段和行

Additional fields and rows in FullCalendar V4

javascript

jquery

html

fullcalendar

fullcalendar-4