Untitled

<!DOCTYPE html>
<html><head>
<meta charset='utf-8' />
  <link rel="stylesheet" href="fullcalendar-4.0.0-alpha.4/fullcalendar.css">
  <script src="fullcalendar-4.0.0-alpha.4/fullcalendar.js"></script>
  <script src="fullcalendar-4.0.0-alpha.4/locales/pl.js"></script>

  <script>

document.addEventListener('DOMContentLoaded', function() { // page is now ready...
  var calendarEl = document.getElementById('calendar'); // grab element reference

  var calendar = new FullCalendar.Calendar(calendarEl, {
    // put your options and callbacks here
      header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay,listMonth'
      },
    defaultView: 'month',
    title: 'rodzinka',
    locale:'pl',
    navLinks: true
  });


  calendar.addEvent({title: "sss", start: "2019-03-08 13:15", end: "2019-03-08 17:23", color: '#ffb3ff', textColor: '#fff', editable: true});
  calendar.render();


});

</script>
</head><body>
  <div id="calendar"></div>
</body></html>