完整日历:如何支持一次点击而不是长按

时间:2016-05-01 17:11:00

标签: javascript jquery jquery-ui jquery-mobile fullcalendar

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

有什么方法可以从长按到单按?用户应该只需点击插槽即可添加活动!

Example single tap

Example long tap

在"月视图"我想将视图更改为Day。所以我写了这个函数:

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

但是在移动设备上它不起作用,因为在单击时没有任何事情发生,并且长时间点击它会激活我的"添加事件"功能

1 个答案:

答案 0 :(得分:0)

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