Saya menggunakan FullCalendar versi V4 terbaru dan sepertinya saya tidak dapat menambahkan bidang tambahan seperti deskripsi dan catatan dalam kasus saya. Saya menggunakan tampilan daygrid dan saya ingin dua bidang lagi muncul.

Saya telah mencoba beberapa opsi dari jawaban di sini (mungkin untuk versi sebelumnya) dan dari dokumen, termasuk memodifikasi main.js dari folder inti itu sendiri, di mana titleHtml dan timeHtml didefinisikan (sebagai (core.htmlEscape(eventDef.title)) ). Saya berhasil menambahkan bidang atau lebih baik kata div, yang muncul, tetapi tanpa konten karena eventDef.description bukanlah elemen yang valid, begitu pula evenDef.notes.

Di mana saya bisa mendefinisikan keduanya menjadi eventDef atau bagaimana menambahkan bidang ini dan menampilkannya?

<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>

Terima kasih sebelumnya atas saran apa pun.

0
mamatata 28 Oktober 2019, 17:15

1 menjawab

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

Ini memecahkan masalah saya, terima kasih kepada ADyson atas bantuannya.

1
ADyson 29 Oktober 2019, 12:25