SOURCE

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

    var calendar = new FullCalendar.Calendar(calendarEl, {
      plugins: [ 'dayGrid', 'timeGrid'],
      defaultView: 'dayGridMonth',
      locale: 'zh-cn',
      defaultDate: '2019-11-11',
      header: {
        left: 'prev,next today',
        center: 'title',
        right: 'dayGridMonth,timeGridWeek,timeGridDay'
      },
      events: [
        {
          title: '距离光棍节还有10天',
          start: '2019-11-01'
        },
        {
          title: '光棍节到啦',
          start: '2019-11-11'
        },
        {
          title: '百度一下',
          url: 'http://www.baidu.com',
          start: '2019-11-18'
        }
      ]
    });

    calendar.render();
  });

<div id='calendar'></div>