javascript - jQuery FullCalendar 事件拖放在移动设备、选项卡中不起作用

Question

我正在使用 jsp、servlet、jquery fullcalender 开发 Web 应用程序。

• 它在桌面浏览器上运行顺利(拖放)。但在 android、ipad 选项卡或移动设备上进行测试时，我无法在日历中拖放事件。

  • 我只是想在 android/ipad 选项卡或移动设备中工作(使用触摸拖放)。

Answer 1

我用了Touch Punch dayRender 允许在触摸设备上选择一天或多天。我刚刚添加了源代码，并将 Touch Punch 中的 addTouch() 函数添加到了日期单元格的渲染中:

dayRender: function( date, cell) {

cell.addTouch();

},

这至少可以让您在触摸设备上选择一天或几天，您也许可以在其他地方使用其他 Touch Punch 功能来执行更多操作，但我还没有尝试过。

<小时/>

我在使用 iPad 时遇到了同样的问题。我试过https://github.com/jboesch/jQuery-fullCalendar-iPad-drag-drop以及我的全日历应用程序，可以拖动一个事件但不能拖动另一个事件，它会滚动。我禁用了滚动，但仍然得到相同的行为。我还尝试了这里提到的最后一个选项 https://code.google.com/p/fullcalendar/issues/detail?id=724&q=ipad&colspec=ID%20Type%20Status%20Milestone%20Summary%20Stars有了这个项目https://github.com/joshgerdes/jquery.ui.touch

我还想选择日期或时间来创建事件。我查看了 iPad 上的谷歌日历，它也缺少此功能，并且如果它无法在您的浏览器(iPad 上的 safari)上运行，他们会收到使用移动版本的通知。移动版本不会在月 View 中显示任何事件，因此这不能作为我的应用程序的选项。具有可选择性和拖放功能的功能齐全的全日历将是理想的选择，但触摸设备可能无法很好地支持这一点。我也会继续寻找解决方案，但如果谷歌不提供该功能，它可能不容易实现，我们可能需要提供移动版本和/或实时版本，无法选择并在触摸屏上拖放。我也非常感谢其他人的帮助。