Full Calendar：如何支持一次点击和不长按

Question

在我的完整日历中，我不想支持拖动选择。只有事件应该在一个插槽中创建。在普通浏览器中它运行良好（我只是添加到选择 X 分钟）。我遇到的问题是，在移动设备上，您需要长按并拖动才能触发我的添加事件功能。

有什么方法可以从长按切换到单击？用户只需点击插槽即可添加事件！

在 "Month View" 中，我想将视图更改为日。所以我写了这个函数：

   dayClick: function (date, jsEvent, view) {
                $('#calendar').fullCalendar('gotoDate', date);
                $('#calendar').fullCalendar('changeView', 'agendaDay');
            }

但在移动设备上它不起作用，因为单次点击没有任何反应，长按它会启动我的 "Add Event" 功能

Answer 1

这似乎适用于 fullcalendar 的早期版本 2.2.6。使用 Win 桌面 Firefox 和 iPhone Safari 确认。

但是，在 2.7.0 版本中，这不起作用。

$(document).ready(function() {
  $('#calendar').fullCalendar({
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month,basicWeek,basicDay'
    },
    dayClick: function(date, jsEvent, view) {
      $('#calendar').fullCalendar('gotoDate', date);
      $('#calendar').fullCalendar('changeView', 'agendaDay');
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.6/fullcalendar.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.6/fullcalendar.min.js"></script>


<div id="calendar"></div>

Full Calendar：如何支持一次点击和不长按

Full Calendar: How to support one tap and no long tap

javascript

jquery

jquery-ui

fullcalendar

jquery-mobile