Skip to content

Instantly share code, notes, and snippets.

@znatz
Created November 29, 2020 14:44
Show Gist options
  • Save znatz/3a709b48b4a16fa6c7b937a17653e5ea to your computer and use it in GitHub Desktop.
Save znatz/3a709b48b4a16fa6c7b937a17653e5ea to your computer and use it in GitHub Desktop.
FullCalendar
<div id='calendar'></div>
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
selectable: true,
headerToolbar: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay'
},
dateClick: function(info) {
alert('clicked ' + info.dateStr);
},
select: function(info) {
alert('selected ' + info.startStr + ' to ' + info.endStr);
}
});
calendar.render();
});
<script src="https://cdn.jsdelivr.net/npm/[email protected]/main.min.js"></script>
html, body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
}
#calendar {
max-width: 1100px;
margin: 40px auto;
}
<link href="https://cdn.jsdelivr.net/npm/[email protected]/main.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment