title: FullCalendar: Can I get start time related to coordinates of an EventClick?
body: <p>I am writing an Appointment Scheduling module using FullCalendar.
  Thus, the main goal is to utilize two types of events:</p>
  
  <ul>
  <li>Appointment -- for an actual scheduled appointment  </li>
  <li>Available   -- for an available timeslot  </li>
  </ul>
  
  <p>I modified FullCalendar so that Appointment type events are rendered a certain color, and Available type events another color.</p>
  
  <p>The main goal is to allow someone to<br>
   - view available timeslots<br>
   - select all or part of that timeslot to schedule an Appointment type event<br>
   - ability to disallow overlapping Appointments<br>
   - do nothing anytime a user clicks outside an Available timeslot  </p>
  
  <p>The Available events are rendered first, then the Appointment type events last.<br>
  I modified fullcalendar so that overlapping events do not display side-by-side - but rather the Appointment events lay on top of the Available events.</p>
  
  <p>Inside the eventClick I am first checking the event type.
  If it is an Appointment event, then i would like to just edit that selected Appointment event.</p>
  
  <p>If it is an Available event, then i would like to create a new Appointment type event.</p>
  
  <p>If it is just a dayClick event, then ignore</p>
  
  <p>Originally, i would call function:  CreateEvent on Select<br>
  and call UpdateClick on eventClick<br>
  like this:  </p>
  
  <pre><code>select : CreateEvent,
  eventClick : UpdateClick,
  </code></pre>
  
  <p>Those functions popup a dialog where they can either add or edit an event.<br>
  Since I only want them to be able to schedule an Appointment inside an existing Available event slot, I thought maybe i could call the same procedures like below:    </p>
  
  <pre><code>eventClick: function(calEvent, jsEvent, view) {
  
  if (calEvent.type=='AVAILABLE') {
   CreateEvent;      // schedule new appt.
  } else if (calEvent.type=='APPOINTMENT') {
  
   UpdateClick;   // edit existing appt.
  }
  </code></pre>
  
  <p>}</p>
  
  <p>The problem with that code is that the routine:  CreateEvent requires a start and end time.  </p>
  
  <pre><code>    function CreateEvent(start, end, allDay) {
   $('#calendar').fullCalendar('unselect');
   var id = $(formStart + formEnd);
  
   $(id).dialog( {
    title : 'Create',
    modal : true,
    autoOpen : true,
    width : "340px",
    resizable : false,
    close : function(event, ui) {
     $(id).html('');
    },
    buttons : {
     "Ok" : function() {
      title = document.getElementById('titleId').value;
  
      $(id).dialog("close");
      ev = {
       title : title,
       start : start.getTime() / 1000,
       end : end.getTime() / 1000,
       allDay : allDay
      };
      if (!title) {
       return;
      }
      serverSave(ev);
     },
     "Cancel" : function() {
      $(id).dialog("close");
     }
    }
   });}
  </code></pre>
  
  <p>I do not want to use the Event Start and Event End, since that will be the full available time-slot.
  When scheduling an appointment, they may only use part of that Available timeslot.</p>
  
  <p>So, do you know how to convert the actual mouse pointer Y coordinate to a starting time for the appointment?</p>
  
  <p>And/Or</p>
  
  <p>Do you see a much easier way to handle this type of appointment scheduling with FullCalendar?</p>
  
  <p>Thanks</p>