如何使在触摸设备上FullCalendar工作？(How to make FullCalendar

我一直在寻找一个平板电脑友好的活动日程，但我没有找到合适的人。但是FullCalendar是，看起来在台式机和平板电脑巨大的一个最好的jQuery插件日历。

这个日历完美的作品在桌面上，但是当涉及到平板电脑，我无法选择开始时间和结束的事件时，基于触摸和滑动。当我做这个日历获取滚动。对此有任何解决方案？我一直在四处寻找静脉的解决方案。

有没有人有这个问题，你解决了吗？你如何解决它，请分享的方法。任何形式的帮助表示赞赏。

提前致谢。

Answer 1:

您是否尝试过包括jQuery UI的触摸冲床？

默认情况下，因为它没有为移动设备优化jQuery用户界面不支持触摸事件。触摸冲床解决了我的问题与jQuery UI的拖放功能，这似乎是由FullCalendar被使用。

希望能帮助到你！

Answer 2:

这个工程

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

增加了对iOS和Android设备Fullcalendar触摸支持

只是用它来初始化您的日历：

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

Answer 3:

由于我挣扎着这与jQuery UI的触摸冲床工作，我找不到任何完整的示例代码，我想我会发布我用来做创建和拖曳事件在移动设备上运行的代码：

注意：此示例使用jQuery UI的触摸冲床。

$(document).ready(function() {

  $('#calendar').fullCalendar({
    ...
    eventAfterRender: function(event, element, view) {
      element.draggable();
    }
  });

  $('.fc-view tbody').draggable();
});

Answer 4:

根据beta版本V2.7.0为触摸FullCalendar支持可这FullCalendar博客文章。

Answer 5:

随着最新的完整的日历2.7.1 ，触摸支持。你甚至可以设置为按延迟选项。试想一下，在文档

Answer 6:

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

它的工作对我来说这段代码：

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

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

文章来源: How to make FullCalendar work on touch devices?