JSFiddle - React, Tailwind, and code Playground

by Erik Wegner

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.2/fullcalendar.min.css">
<script src="//momentjs.com/downloads/moment-with-locales.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.2/fullcalendar.min.js"></script>
<div id="mycal"></div>

CSS

#mycal {
  width: 320px;
}

JavaScript

var eventdate = moment().format('YYYY-MM-DD')
var events = []
var max = 20
for (var i = 0; i < max ; i++) {
    events.push({
        title: "Event " + i,
        allDay: true,
        start: eventdate,
        end: eventdate
    })
}

var el$ = jQuery('#mycal')
el$.fullCalendar({defaultView: 'agendaDay', lang: 'de', events: events, eventLimit: true})