Question

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

我从这里的答案（可能是以前的版本）和文档中尝试了多个选项，包括从定义titleHtml和timeHtml的核心文件夹本身修改main.js（如（core.htmlEscape（eventDef 。标题））。我设法添加了出现的字段或更佳的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中的其他字段和行

1 个答案: