title: In jQuery Fullcalendar, how to display a list of events for the current month view below the calendar
body: <p>I have Fullcalendar working nicely in month view, but I'd also like a list of events for the current month (as triggered by navigating calendar months).</p>
  
  <p>Here is my current calendar:</p>
  
  <pre><code>jQuery( document ).ready(function() {
  jQuery('#cwcalendar').fullCalendar({
  events: 'http://xxxxx.com/json-page.php',
      color: '#d81f59',
      eventColor: '#d81f59',
      theme: true,
      firstDay: 1,
      height: 400,
  
      columnFormat: {
      month: 'dd' 
    },
      header: {
      left:   'prev',
      center: 'title',
      right:  'next'
  },
      buttonIcons: {
      prev: 'left-single-arrow',
      next: 'right-single-arrow',
      prevYear: 'left-double-arrow',
      nextYear: 'right-double-arrow'
  },
      views: {
          month: {
              titleFormat: 'MMMM YYYY'
          }
      },
      eventRender: function (event, element) {
      var dataToFind = moment(event.start).format('YYYY-MM-DD');
      jQuery("td[data-date='"+dataToFind+"']").addClass('activeDay');
  },
      eventMouseover: function(calEvent, jsEvent) {
          var tooltip = '&lt;div class="tooltipevent" style="width:100px;height:60px;padding:8px;background:#fff;position:absolute;z-index:10001;border-style:solid;border-width:1px;border-radius:5px;border-color:#d81f59;"&gt;' + calEvent.title + '&lt;/div&gt;';
      jQuery("body").append(tooltip);
      jQuery(this).mouseover(function(e) {
          jQuery(this).css('z-index', 10000);
          jQuery('.tooltipevent').fadeIn('500');
          jQuery('.tooltipevent').fadeTo('10', 1.9);
      }).mousemove(function(e) {
          jQuery('.tooltipevent').css('top', e.pageY + 10);
          jQuery('.tooltipevent').css('left', e.pageX + 20);
      });
      },
  });
  </code></pre>
  
  <p>An <a href="https://fullcalendar.io/docs/views/Available_Views/" rel="nofollow noreferrer">available view</a> is listMonth, but this doesn't display when used like this in a separate calendar:</p>
  
  <pre><code>defaultView: 'listMonth'
  </code></pre>
  
  <p>Question is, do I work on creating a separate calendar in list view and if so how can I integrate it so the list changes according to the month selection in the calendar. Or is there another way to do this?</p>
  
  <p>Many thanks for any help</p>