title: FullCalendar display within date range
body: <p>I am trying to display <a href="https://fullcalendar.io/" rel="nofollow noreferrer">FullCalendar</a> withing a certain date range. To do so I added the following <code>visibleRange</code> option to my code but it is not working. The calendar is simply not displaying.</p>
  
  <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>this.$calendar.fullCalendar({
    //other settings
              
    defaultView: 'basic',
    visibleRange: {
      start: moment('2017-05-22'),
      end: moment('2017-05-29')
    },
    duration: { days: 7 },
              
    //other settings
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any idea how I can achieve this?</p>
  
  <p>Thanks</p>