javascript - 完整日历 : How to support one tap and no long tap

Question

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

有什么方法可以将长按切换为单击吗？用户只需点击该插槽即可添加事件!

Example single tap

Example long tap

在“月 View ”中，我想将 View 更改为日 View 。所以我写了这个函数:

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

但在移动设备上它不起作用，因为单击一次没有任何反应，长按它会启动我的“添加事件”功能

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>