javascript - 防止事件助手消失

标签 javascript fullcalendar

我正在使用 fullcalendar 2.3.2 来实现创建事件功能,就像在 Google 日历中一样。

  1. 您拖动日/周日历
  2. 已创建占位符“helper”事件
  3. 显示弹出窗口,您可以在其中输入标题和其他信息
  4. 点击提交并创建事件

我的弹出窗口显示,但在鼠标拖动结束后立即单击(用于创建占位符事件)会删除占位符事件。

我需要它忽略弹出窗口中的鼠标点击 - 就像在谷歌中一样。 但我找不到它在哪里监听点击事件以删除占位符事件。

selectable: true,
selectHelper: true,
select: function(start, end, jsEvent, view) {
    var endtime = end.format('h:mma');
    var starttime = start.format('ddd, MMMM d, h:mma');
    var when = starttime + ' - ' + endtime;
    $popup.css({'top':jsEvent.pageY, 'left':jsEvent.pageX}).show();
    $('#cb-starttime').val(start);
    $('#cb-endtime').val(end);
    $('#cb-when').text(when);
}

jsfiddle

最佳答案

您应该仔细阅读 selection文档的一部分,它将派上用场。

想要做什么,只需转动 unselectAuto 即可离开。然后你可以用 .fullCalendar('unselect') 手动调用它.

也就是说,选择助手是临时的。一旦它不再是临时的,您应该立即将其替换为适当的事件。

关于javascript - 防止事件助手消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31727909/

相关文章:

javascript - 模仿 Javascript 中的私有(private)变量

javascript - 如何处理ajaxComplete事件中的响应数据

jquery - 使用 Jquery 将事件动态插入到 Fullcalendar

ruby-on-rails - Rails DateTime - NoMethodError(未定义方法 `[]' 为 nil :NilClass)

javascript - 添加自动广告后,移动设备上的链接不起作用

javascript - 在 React 中将单项数组读取为对象

javascript - 完整日历中的事件不会由 eventspush 加载

javascript - FullCalendar - 垂直资源顺序排列

javascript - fullcalendar - 如何使用 ajax 加载日历上的所有事件

javascript - Google Closure 编译器提示 XMLHttpRequest.response 类型