如何向fullcalendar v5添加自定义属性字段

document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');

  var calendar = new FullCalendar.Calendar(calendarEl, {
    initialView: 'dayGridMonth',
    events: [
      {
        title: 'Event 1',
        start: '2023-04-01',
        customField: 'Custom Value 1'
      },
      {
        title: 'Event 2',
        start: '2023-04-05',
        customField: 'Custom Value 2'
      }
    ],
    eventContent: function(arg) {
      let content = document.createElement('div');
      content.textContent = arg.event.title;
      let customFieldDiv = document.createElement('div');
      customFieldDiv.textContent = `Custom Field: ${arg.event.extendedProps.customField}`;
      content.appendChild(customFieldDiv);
      return {domNodes: [content]};
    }
  });

  calendar.render();
});

document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');

  var calendar = new FullCalendar.Calendar(calendarEl, {
    initialView: 'dayGridMonth',
    events: [
      {
        title: 'Event 1',
        start: '2023-04-01',
        customField: 'Custom Value 1'
      },
      {
        title: 'Event 2',
        start: '2023-04-05',
        customField: 'Custom Value 2'
      }
    ],
    eventDidMount: function(info) {
      info.el.querySelector('.fc-event-title').dataset.customField = info.event.extendedProps.customField;
    }
  });

  calendar.render();
});