znatz · November 29, 2020 14:44
diff --git a/fullcalendar.markdown b/fullcalendar.markdown
diff --git a/index.html b/index.html
 <div id='calendar'></div>
diff --git a/script.js b/script.js
 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();
 });
diff --git a/scripts b/scripts
 <script src="https://cdn.jsdelivr.net/npm/[email protected]/main.min.js"></script>
diff --git a/style.css b/style.css
 html, body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
 }

 #calendar {
  max-width: 1100px;
  margin: 40px auto;
 }
diff --git a/styles b/styles
 <link href="https://cdn.jsdelivr.net/npm/[email protected]/main.min.css" rel="stylesheet" />
	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();
	});
	html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 14px;
	}

	#calendar {
	max-width: 1100px;
	margin: 40px auto;
	}