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

我正在寻找平板电脑友好的活动日历，但我没有找到任何合适的。但FullCalendar是在桌面和平板电脑上看起来不错的最佳jQuery日历插件。如何使FullCalendar在触摸设备上工作？

这个日历在桌面上完美运行，但是对于平板电脑，我无法选择基于触摸和滑动的事件的开始时间和结束时间。当我这样做日历滚动。有没有解决方案？我一直在四处寻找解决方案。

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

在此先感谢。

来源

2012-05-31 Dipin Krishnan

您是否试过包括Jquery UI Touch Punch？

默认情况下，Jquery UI不支持触摸事件，因为它并未针对移动设备进行优化。 Touch Punch解决了我使用Jquery UI拖动的问题拖动&拖放功能，这似乎也被FullCalendar使用。

希望它有帮助！

来源

2012-05-31 12:09:09 gwythen

我看过这个解决方案[here]（http://code.google.com/p/fullcalendar/issues/detail?can=2&start=0&num=100&q=&colspec=ID%20Type%20Status ％20Milestone％20Summary％20Stars＆GROUPBY =＆排序=＆ID = 724）。拖动周围事件对我来说工作得很好，但是，我无法根据触摸拖动周视图/日视图来选择时间段来创建事件。你是如何解决这个问题的？你能帮我解决吗？ –

@DipinKumar你有没有找到解决方案？ – John

@John肯定会尝试使用jQuery Touch Punch。 –

这个作品

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

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

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

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

来源

2014-09-24 13:54:15 Gotschi

在Android上工作，谢谢。 –

比jQuery Touch Punch效果更好，就像@yndolok解决方案一样，您可以放置事件并且不会自动更正它们的位置以适合其父容器的边缘。 – Seether

请确保使用最新的jQueryUI，否则它将不起作用。此时我正在使用1.11.4。最新的fullcalendar使用最新的jQuery 2.x. – Mistergreen

由于我努力让这个工作与jQuery UI触摸冲床，我无法fi找到任何完整的示例代码，我想我会发布我用于在移动设备上创建和拖动事件的代码：

注意：此示例使用jQuery UI touch punch。

$(document).ready(function() { 

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

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

来源

2014-11-19 19:07:57 yndolok

根据this FullCalendar blog post，FullCalendar触摸支持可用于v2.7.0的测试版。

来源

2016-03-28 23:26:14 akivajgordon

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

它通过该代码为我工作：

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

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

来源

2016-04-18 04:51:53 Pasdo

有了最新 Full Calendar 2.7.1，触感Supported。你甚至可以设置选项按下延迟。看看文档

来源

2016-05-02 11:24:34 Ckappo

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

回答

相关问题