Javascript FullCalendar:我可以获取与事件单击坐标相关的开始时间吗?
我正在使用FullCalendar编写约会计划模块。 因此,主要目标是利用两种类型的事件:Javascript FullCalendar:我可以获取与事件单击坐标相关的开始时间吗?,javascript,fullcalendar,Javascript,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包含很多信息,包括日历槽中单击事件的坐标。(参见)其中讨论了坐标 想到的另一个解决方案是切换到日视图,以便更容易选择/查看可用的时间。此开关可由模式类型的弹出窗口处理
希望这能有所帮助。我想我找到了解决这个问题的替代方案。当用户单击可用的时间段时,“我的”对话框将为他们提供该可用时间段内的时间选项。他们可以选择时间范围,然后创建约会类型事件。对不起,这个问题可能有点过于详细了。再次感谢所有已经对此进行了调查的人。你能在你的答案中发布你的解决方案吗?这将有帮助:-)