title: Formatting fullcalendar js' date display on listMonth view
body: <p>I'm currently converting a PSD design that requires the calendar to only display the event day, instead of displaying the full date. e.g. : 12 instead of October 12, 2016</p>
  
  <p>Here's what I have so far:</p>
  
  <p><a href="https://i.stack.imgur.com/u3nOt.png" rel="nofollow"><img src="https://i.stack.imgur.com/u3nOt.png" alt="enter image description here"></a> </p>
  
  <p>As you can see on the left, it displays October 12, 2016. I want it to only display "12". I've tried looking at the docs but I can't find options  specific for listMonth view. And here's my code for the calendar rendering:</p>
  
  <pre><code>&lt;script&gt;
  
      $(document).ready(function() {
  
          $('#calendar').fullCalendar({
  
              header: {
                  left: 'prev,next today',
                  center: 'title',
                  right: 'month,listYear',
              },
  
              views: {
                  listMonth: {
                      titleFormat: 'MMMM'
                  }
              },
  
              defaultView: 'listMonth',
  
              displayEventTime: false, // don't show the time column in list view
  
              // THIS KEY WON'T WORK IN PRODUCTION!!!
              // To make your own Google API key, follow the directions here:
              // http://fullcalendar.io/docs/google_calendar/
              //googleCalendarApiKey: 'AIzaSyDcnW6WejpTOCffshGDDb4neIrXVUA1EAE',
  
              // US Holidays
              //events: 'en.usa#holiday@group.v.calendar.google.com',
                     events: [
      &lt;?php if( $events-&gt;have_posts() ) :
          while ($events-&gt;have_posts()) : $events-&gt;the_post();
              $event_dates = get_post_meta(get_the_id(), 'date', true);
              $event_info = get_post_meta(get_the_id(), 'info', true);
              //foreach($event_dates as $event_date):
       ?&gt;
          {
  
                      title: '&lt;?php the_title(); ?&gt;',
                      start: '&lt;?php echo date('Y-m-d', strtotime($event_dates["start_date_time"])); ?&gt;',
                      description: '&lt;?php echo date('ga', strtotime($event_dates["start_date_time"])).', '.$event_info["venue"].', '.$event_info["place"]; ?&gt;'
          },
      &lt;?php endwhile; ?&gt;
      &lt;?php endif; ?&gt;
          // more events here
      ],
      eventRender: function(event, element, view) {
          return $('&lt;tr&gt;&lt;td&gt;' + event.description + '&lt;/td&gt;&lt;/tr&gt;');
      },
  
  
              eventClick: function(event) {
                  // opens events in a popup window
                  window.open(event.url, 'gcalevent', 'width=700,height=600');
                  return false;
              },
  
              loading: function(bool) {
                  $('#loading').toggle(bool);
              }
  
          });
  
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I hope someone can help me out with this one. That's all I need and then I'm done. Thanks!</p>