title: Full Calendar Google events start/end format
body: <p>I am using Full Calendar to display some Google Calendars on a webpage. I've added qTip, to display the full event details (location, description, etc.), when the user hovers over an event on the calendar. I'd like the qTip to show the start/end time of the event, formatted as:</p>
  
  <p>Day, Date Month, Start time - End time</p>
  
  <p>with the times in the 24-hour clock.</p>
  
  <p>If I add event.start and event.end to my qTip, then the start and end times appear, but not formatted correctly.  I think I need to use the formatdate function, but I can't figure out how. Can anyone help, please?  I've pasted my code as it stands below.</p>
  
  <pre><code>&lt;script type='text/javascript'&gt;                     
  
  $(document).ready(function() {
  $('#calendar').fullCalendar({
         eventRender: function(event, element) {
          element.qtip({
              content: '&lt;b&gt;' + event.title + event.start +' - ' + event.end + '&lt;/b&gt;&lt;br&gt;&lt;br&gt;LOCATION: ' + event.location + '&lt;br&gt;&lt;br&gt; AVAILABILITY: ' + event.description
          })
      },
      eventSources: { 
      url: 'my calendar URL'
      }
  });
  });
  &lt;/script&gt;
  </code></pre>