title: How to get a list of events shown on jquery-week-calendar with start/end times?
body: <p>I'm using <a href="https://github.com/themouette/jquery-week-calendar" rel="nofollow">jquery-week-calendar</a> and want to post all the calendar events to the server <em>after</em> the user is done adding/moving/deleting them in the browser. That means I will need a list of all the events currently shown on the calendar with start/end days+times (something similar to <a href="https://github.com/themouette/jquery-week-calendar/blob/master/jquery.weekcalendar.js#L441" rel="nofollow">getTimeslotTimes</a>). Any help would be appreciated, see below on my attempts to get the data.</p>
  
  <p>Thanks, Chirag</p>
  
  <p>I tried <code>$("#calendar").find('.wc-cal-event')</code> but it doesn't include the days and times as shown here:</p>
  
  <pre><code>&lt;div class="wc-cal-event ui-corner-all ui-resizable ui-draggable" style="line-height: 15px; font-size: 13px; top: 480px; height: 539px; display: block;"&gt;&lt;div class="wc-time ui-corner-top"&gt;08:00 am to 04:59 pm&lt;div class="wc-cal-event-delete ui-icon ui-icon-close"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="wc-title"&gt;Open hours&lt;/div&gt;&lt;div class="ui-resizable-handle ui-resizable-s"&gt;=&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Also  <code>$("#calendar").data().events</code> returns the handlers only:</p>
  
  <pre><code>click [Object { type="click",  guid=2,  handler=function(),  more...}]
  mouseout [Object { type="mouseout",  guid=4,  handler=function(),  more...}]
  mouseover [Object { type="mouseover",  guid=3,  handler=function(),  more...}]
  remove [Object { namespace="weekCalendar",  type="remove,  guid=1}]
  </code></pre>