<div id="calendar"></div>

document.addEventListener( 'DOMContentLoaded', () => {
  const calendarEl = document.getElementById( 'calendar' );
  const calendar = new FullCalendar.Calendar( calendarEl, {
    initialView: 'dayGridMonth',
    headerToolbar: {
      left: '',
      center: 'title',
      right: 'dayGridMonth,timeGridDay,listMonth'
    },
    buttonText: {
      month: '月',
      week: '週',
      day: '日',
      list: '一覧'
    },
    events: function ( info, successCallback ) {
      successCallback(
        [
          {
            title: 'サンプル',
            start: new Date()
          },
          {
            title: 'サンプル時間',
            start: Date.now() + 2 * ( 24 * 60 * 60 * 1000 ),
            end: Date.now() + 2 * ( ( 24 + 1 ) * 60 * 60 * 1000 )
          }
        ]
      )
    },
    weekends: false,
    hiddenDays: [ 3 ],
    navLinks: true
  } );
  
  calendar.render();
} );

External CSS

  1. https://cdn.jsdelivr.net/npm/fullcalendar@5.11.2/main.min.css

External JavaScript

  1. https://cdn.jsdelivr.net/npm/fullcalendar@5.11.2/main.min.js