JSFiddle - React, Tailwind, and code Playground

by kikkoma

HTML

<link rel="stylesheet" href="https://fullcalendar.io/releases/core/4.0.1/main.min.css">
<link rel="stylesheet" href="https://fullcalendar.io/releases/daygrid/4.0.1/main.min.css">
<script src="https://fullcalendar.io/releases/core/4.0.1/main.min.js"></script>
<script src="https://fullcalendar.io/releases/daygrid/4.0.1/main.min.js"></script>
<script src="https://fullcalendar.io/releases/bootstrap/4.0.1/main.min.js"></script>

JavaScript

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

  var calendar = new FullCalendar.Calendar(calendarEl, {
    plugins: [ 'dayGrid','bootsrap' ],
    timeZone: 'UTC',
    defaultView: 'dayGridMonth',
    height: 'parent',
    events: 'https://capline.gis.tw/manager/events.json',
    locale: 'zh-tw'
  });

  calendar.render();
});