Jquery mobile 如何使FullCalendar在触摸设备上工作？

我正在寻找一个平板电脑友好的活动日历，但我没有找到任何合适的。但这是一个最好的jQuery日历插件，它在桌面和平板电脑上看起来很棒

这个日历在桌面上运行得很好，但在平板电脑上，我无法根据触摸和滑动来选择活动的开始时间和结束时间。当我这样做时，日历就会滚动。有什么解决办法吗？我一直在寻找解决办法

有没有人遇到过这个问题，你解决了吗？请分享你解决问题的方法。感谢您的任何帮助

---

提前谢谢。

您是否尝试过包括以下内容

默认情况下，Jquery UI不支持触摸事件，因为它没有针对移动设备进行优化。 touchpunch解决了我在jqueryui拖放功能方面的问题，FullCalendar似乎也使用了这些功能

---

希望有帮助

这很有效

我使用了这个插件：

为iOS和Android设备的Fullcalendar添加触摸支持

只需使用此选项初始化您的日历：

eventRender: function(event, element) {
            $(element).addTouch();
        }

---

由于我很难让jQuery UI touch punch实现这一点，而且我找不到任何完整的示例代码，所以我想我应该发布我用来在移动设备上创建和拖动事件的代码：

注意：此示例使用

---

FullCalendar touch支持在v2.7.0的测试版中根据提供。

我使用了这个插件：jquery.ui.touch.js

它通过以下代码对我起作用：

$('#calendar').fullCalendar({
[...]
});

$('#calendar').addTouch();

---

用最新的，触摸是最重要的。您甚至可以设置按键延迟选项。只需查看文档

，对于那些在移动设备上选择日期有困难的人来说，使用prop longPressDelay as 10非常有用

---

有关详细信息，请参见

我已看到此解决方案。拖动事件对我来说效果很好，但我无法基于触摸选择时间段，并在周视图/日视图上拖动以创建事件。你是如何解决这个问题的？你能帮我一下吗？@DipinKumar你找到解决方案了吗？@John肯定会试试jQuery Touch Punch。jQuery UI Touch Punch 0.2.2不允许拖拽触摸设备，至少在Android 4股票浏览器上的fullcalendar 1.6.4…比jQuery Touch Punch工作得更好，与@yndolok解决方案一样，您可以删除周围的事件，但这些事件不会自动更正其位置以适应其父容器的边界。请确保使用最新的jQueryUI，否则它将无法工作。现在我使用的是1.11.4。最新的fullcalendar也使用了最新的jQuery 2.x。

$('#calendar').fullCalendar({
[...]
});

$('#calendar').addTouch();