Javascript FullCalendar:我可以获取与事件单击坐标相关的开始时间吗?

Javascript FullCalendar:我可以获取与事件单击坐标相关的开始时间吗?,javascript,fullcalendar,Javascript,Fullcalendar,我正在使用FullCalendar编写约会计划模块。 因此,主要目标是利用两种类型的事件: 约会--对于实际的计划约会 可用--用于可用的时间段 我修改了FullCalendar,使约会类型事件呈现特定颜色,可用类型事件呈现另一种颜色 主要目标是允许某人 -查看可用时隙 -选择该时间段的全部或部分以安排约会类型事件 -禁止重叠约会的能力 -用户在可用时间段之外单击时,不执行任何操作 首先呈现可用事件,然后最后呈现约会类型事件。 我修改了fullcalendar,使重叠的事件不会并排显示,而是

我正在使用FullCalendar编写约会计划模块。 因此,主要目标是利用两种类型的事件:

  • 约会--对于实际的计划约会
  • 可用--用于可用的时间段
我修改了FullCalendar,使约会类型事件呈现特定颜色,可用类型事件呈现另一种颜色

主要目标是允许某人
-查看可用时隙
-选择该时间段的全部或部分以安排约会类型事件
-禁止重叠约会的能力
-用户在可用时间段之外单击时,不执行任何操作

首先呈现可用事件,然后最后呈现约会类型事件。
我修改了fullcalendar,使重叠的事件不会并排显示,而是约会事件位于可用事件之上

在eventClick中,我首先检查事件类型。 如果是约会事件,那么我只想编辑所选的约会事件

如果它是一个可用的事件,那么我想创建一个新的约会类型事件

如果只是dayClick事件,则忽略

最初,我会在选择时调用函数:CreateEvent
并调用更新单击事件单击
像这样:

select : CreateEvent,
eventClick : UpdateClick,
这些函数会弹出一个对话框,可以在其中添加或编辑事件。
由于我只希望他们能够在现有的可用活动时段内安排约会,我想也许我可以调用如下相同的过程:

eventClick: function(calEvent, jsEvent, view) {

if (calEvent.type=='AVAILABLE') {
 CreateEvent;      // schedule new appt.
} else if (calEvent.type=='APPOINTMENT') {

 UpdateClick;   // edit existing appt.
}
}

该代码的问题在于例程:CreateEvent需要开始和结束时间

    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");
   }
  }
 });}
我不想使用事件开始和事件结束,因为这将是完全可用的时间段。 安排约会时,他们只能使用部分可用时间段

那么,您知道如何将实际的鼠标指针Y坐标转换为约会的开始时间吗

和/或

您是否认为使用FullCalendar可以更轻松地处理此类约会日程安排


谢谢

我知道jsEvent包含很多信息,包括日历槽中单击事件的坐标。(参见)其中讨论了坐标

想到的另一个解决方案是切换到日视图,以便更容易选择/查看可用的时间。此开关可由模式类型的弹出窗口处理


希望这能有所帮助。

我想我找到了解决这个问题的替代方案。当用户单击可用的时间段时,“我的”对话框将为他们提供该可用时间段内的时间选项。他们可以选择时间范围,然后创建约会类型事件。对不起,这个问题可能有点过于详细了。再次感谢所有已经对此进行了调查的人。你能在你的答案中发布你的解决方案吗?这将有帮助:-)