Как заставить FullCalendar работать на сенсорных устройствах?

Я искал календарь событий для планшетов, но я не нашел подходящих. Но FullCalendar - один из лучших плагинов календаря jQuery, который отлично смотрится на рабочем столе и планшете.

Этот календарь отлично работает на рабочем столе, но когда дело доходит до планшета, я не могу выбрать время начала и окончания события, основанное на касании и салфетки. Когда я делаю это, календарь прокручивается. Есть ли решение для этого? Я искал решение в вену.

У кого-нибудь была эта проблема, и вы ее решили? Пожалуйста, поделитесь методом, как вы его решили. Любая помощь приветствуется.

Спасибо заранее.

Ответ 1

Вы пробовали включить JQuery UI Touch Punch?

По умолчанию JQuery UI не поддерживает Touch Events, поскольку он не оптимизирован для мобильных устройств. Touch Punch решил мои проблемы с функциями Jquery UI Drag & Drop, которые, как представляется, также используются FullCalendar.

Надеюсь, что это поможет!

Ответ 2

ЭТО РАБОТАЕТ

Я использовал этот плагин: jquery.ui.touch.js

добавляет поддержку Touch в Fullcalendar для устройств iOS и Android

просто используйте это для инициализации своего календаря:

eventRender: function(event, element) {
            $(element).addTouch();
        }

Ответ 3

Так как я изо всех сил пытался заставить это работать с jQuery UI touch punch, и я не смог найти полный код примера, я думал, что разместил код, который я использовал для создания и перетаскивания событий на мобильные устройства:/p >

ПРИМЕЧАНИЕ. В этом примере используется jQuery UI touch punch.

$(document).ready(function() {

  $('#calendar').fullCalendar({
    ...
    eventAfterRender: function(event, element, view) {
      element.draggable();
    }
  });

  $('.fc-view tbody').draggable();
});

Ответ 4

Поддержка FullCalendar touch доступна в бета-версии для v2.7.0 в соответствии с это сообщение в блоге FullCalendar.

Ответ 5

С последним Полный календарь 2.7.1, нажмите Поддерживается. Вы даже можете установить параметры для задержек нажатия. Просто просмотрите Документы

Ответ 6

Я использовал этот плагин: jquery.ui.touch.js

Он работал у меня по этому коду:

$('#calendar').fullCalendar({
[...]
});

$('#calendar').addTouch();

Ответ 7

Для тех, у кого возникли проблемы с выбором дня на мобильном устройстве , этот вопрос очень полезен, если использовать prop longPressDelay, как 10, он работает!

Подробнее в FullCalendar/Поддержка Docs Touch