Дополнительные поля и строки в FullCalendar V4 - PullRequest
0 голосов
/ 28 октября 2019

Я использую последнюю версию FullCalendar V4 и не могу добавить дополнительные поля, такие как описание и примечания, в моем случае. Я использую вид дневной сетки и хотел бы, чтобы появилось еще два поля.

Я пробовал несколько вариантов ответов здесь (возможно, для предыдущих версий) и из документов, включая изменение файла 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>

Заранее спасибо за любые предложения.

1 Ответ

1 голос
/ 29 октября 2019
eventRender: function(info) { 
  info.el.querySelector('.fc-desc').innerHTML = "" + info.event.description + "";
}

Это решило мою проблему, спасибо ADyson за помощь.

...