FullCalendar Recurring Event and Exception

Delete one event from a series of events

by Alejandro Lasebnik

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.min.css">
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.min.js"></script>
<div id='scheduler'></div>

JavaScript

$(document).ready(function() {
  $('#scheduler').fullCalendar({
  
        eventRender: function(event, element, view) {

        var theDate = event.start
        var excludedDate = event.excludedDate;
        var excludedTomorrrow = new Date(excludedDate);
         //if the date is in between August 29th at 00:00 and August 30th at 00:00 DO NOT RENDER
        if( theDate >= excludedDate && theDate < excludedTomorrrow.setDate(excludedTomorrrow.getDate() + 1) ) {
        	return false;
        }
        },

        defaultView: 'agendaWeek',
        header: {
        left: 'prev,next today',
  			center: 'title',
  			right: 'month,agendaWeek,agendaDay'
        },
        defaultDate: '2017-08-29T16:00:00',
       events: [{
       			id: 1,
            title:"Front End",
            start:'10:00', 
            end:  '13:00', 
            dow: [0, 1, 2, 3, 4, 5, 6],
            excludedDate: new Date('2017/8/29') //Exclude the august 29th from concurrent event
       }
    ]
  })
});