title: Multiple filters usage in Fullcalendar 4.0 events
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('#mycalendar').fullCalendar({
    defaultDate: '2015-05-01',
    events: [{
        title: 'Event 1',
        start: '2015-05-01',
        school: '10',
        college: '1'
      },
      {
        title: 'Event 2',
        start: '2015-05-02',
        school: '2',
        college: '1'
      },
      {
        title: 'Event 3',
        start: '2015-05-03',
        school: '1',
        college: '1'
      },
      {
        title: 'Event 4',
        start: '2015-05-04',
        school: '2',
        college: '2'
      }
    ],
    eventRender: function eventRender(event, element, view) {
  
      if ($('#currentAction').val() == 'school') {
        if ($('#school_selector').val() != 'all')
          return ['all', event.school].indexOf($('#school_selector').val()) &gt;= 0
      }
  
      if ($('#currentAction').val() == 'college') {
        if ($('#college_selector').val() != 'all')
          return ['all', event.college].indexOf($('#college_selector').val()) &gt;= 0
      }
    }
  });
  
  $('#school_selector').on('change', function() {
    $('#currentAction').val('school');
    $('#mycalendar').fullCalendar('rerenderEvents');
  })
  $('#college_selector').on('change', function() {
    $('#currentAction').val('college');
    $('#mycalendar').fullCalendar('rerenderEvents');
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;head&gt;
  
    &lt;link rel='stylesheet' href='https://fullcalendar.io/js/fullcalendar-3.1.0/fullcalendar.min.css' /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div id='calendar'&gt;&lt;/div&gt;
  
    &lt;script src='https://fullcalendar.io/js/fullcalendar-3.1.0/lib/moment.min.js'&gt;&lt;/script&gt;
    &lt;script src='https://fullcalendar.io/js/fullcalendar-3.1.0/lib/jquery.min.js'&gt;&lt;/script&gt;
    &lt;script src='https://fullcalendar.io/js/fullcalendar-3.1.0/lib/jquery-ui.min.js'&gt;&lt;/script&gt;
    &lt;script src='https://fullcalendar.io/js/fullcalendar-3.1.0/fullcalendar.min.js'&gt;&lt;/script&gt;
  
  
  
    &lt;select id="school_selector"&gt;
      &lt;option value="all"&gt;All&lt;/option&gt;
      &lt;option value="1"&gt;School 1&lt;/option&gt;
      &lt;option value="2"&gt;School 2&lt;/option&gt;
      &lt;option value="10"&gt;School 10&lt;/option&gt;
    &lt;/select&gt;
    &lt;select id="college_selector"&gt;
      &lt;option value="all"&gt;All&lt;/option&gt;
      &lt;option value="1"&gt;college 1&lt;/option&gt;
      &lt;option value="2"&gt;college 2&lt;/option&gt;
    &lt;/select&gt;
  
    &lt;div id="mycalendar"&gt;&lt;/div&gt;
    &lt;span id="currentAction" name="currentAction" /&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>I have multiple filters to be applied on fullcalendar events.
  Filter one is 'Status' and filter two is 'NAME'.
  When I apply 'Status' filter using the logic in eventrender the month view shows only the selected 'Status' events, when I am trying to apply second filter 'NAME' with some other logic block in eventrender, it considers all events in month view irrespective of first 'Status' filter result.
  The reason for this is as I wrote code in eventrender for first 'Status' filter as, if the status of any event does not matches with my selected 'Status', I just returned false, so I did not apply any hiding or removing of event from the calendar, might be this is the reason the fullcalendar considers all events are valid for subsequent filtering.
  Please suggest.</p>