2016-05-01 3 views
1

в моем полном календаре Я не хочу поддерживать выделение с помощью перетаскивания. Только события должны создавать в одном слоте. В обычных браузерах он работает хорошо (я просто добавляю к выбору X минут). Проблема, которую я имею, заключается в том, что на мобильном устройстве вам нужно долго нажать и перетащить, чтобы запустить функцию добавления события.Полный календарь: как поддерживать один кран и не долгое нажатие

Есть ли способ переключиться с длинного крана на один кран? Пользователь должен просто нажать на слот, чтобы добавить событие!

Example single tap

Example long tap

В "Месяц View" Я хочу, чтобы изменить вид на день. Итак, я пишу эту функцию:

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

Но Mobile это не работает, потому что на одном Tap ничего не произошло, и на долгий тап это огонь мой «Добавить событие» Функция

+0

Проверьте это [нить] (http://stackoverflow.com/questions/10826623/how-to-make-fullcalendar-work-on-touch-devices) и [JQuery UI Touch Punch library] (http://touchpunch.furf.com) –

+0

Я пробовал с jQuery UI Touch Punch, но он не работает. – Ckappo

+0

С полным календарем включена поддержка сенсорного экрана 2.X. Но он просто использует длинный кран. Я хочу, чтобы одно нажатие на слот для добавления событий – Ckappo

ответ

0

Это, кажется, работает нормально с более ранней версией fullcalendar, 2.2.6. Подтверждено с Win Desktop 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>

+0

Хорошо с 2.2.6 Полный календарь работает с одним нажатием. Но теперь в Month View dayClick запустите функцию dayClick и выберите функцию. – Ckappo

+0

Добавлено: можно выбрать: {month: false, Agenda: true}, и он работает хорошо! – Ckappo

+0

Единственная работа над краном, но новая проблема. На мобильных телефонах я больше не могу прокручивать свой календарь! :-) Любой совет? – Ckappo

Смежные вопросы