完整日历:如何支持一次点击和不长时间点击

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

本文关键字：长时间 一次 支持 日历 何支持      更新时间：2023-09-26

在我的完整日历中，我不想支持拖动选择。在一个插槽中只能创建事件。在普通的浏览器中，它工作得很好（我只是添加到选择X分钟）。我遇到的问题是，在Mobile上，你需要长按并拖动才能启动我的添加事件功能。

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

示例单抽头

长抽头示例

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

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

但在移动设备上，它不起作用，因为在单次点击时什么都没有发生，而在长时间点击时，它会启动我的"添加事件"功能

这似乎可以与早期版本的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>

相关文章：