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

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

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

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

Заранее спасибо.

источник

2012-05-31 Dipin Krishnan

Вы пробовали, включая Jquery UI Touch Punch?

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

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

источник

2012-05-31 12:09:09 gwythen

Я видел это решение [здесь] (http://code.google.com/p/fullcalendar/issues/detail?can=2&start=0&num=100&q=&colspec=ID%20Type%20Status % 20Milestone% 20Summary% 20Stars & GroupBy = & = & рода ID = 724). И перетаскивание события вокруг работало отлично для меня, но я не мог выбрать временной интервал, основанный на касании, перетащить представление недели/дня, чтобы создать событие. Как вы решили эту проблему? Не могли бы вы помочь мне? –

@DipinKumar Вы когда-нибудь находили решение? – John

@John Определенно давайте попробовать с jQuery Touch Punch. –

ЭТО РАБОТАЕТ

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

добавляет сенсорный поддержку Fullcalendar для прошивки и Android устройств

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

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

источник

2014-09-24 13:54:15 Gotschi

Работал на Android, спасибо. –

Работает лучше, чем jQuery Touch Punch, так как с помощью решения @yndolok вы можете отключать события, и они автоматически не корректируют свое положение, чтобы они соответствовали полям их родительского контейнера. – Seether

Обязательно используйте последнюю версию jQueryUI, иначе она не будет работать. В данный момент я использую 1.11.4. Новейший fullcalendar использует последний jQuery 2.x. – Mistergreen

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

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

$(document).ready(function() { 

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

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

источник

2014-11-19 19:07:57 yndolok

FullCalendar сенсорный поддержка доступна в бета-версии для v2.7.0 согласно this FullCalendar blog post.

источник

2016-03-28 23:26:14 akivajgordon

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

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

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

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

источник

2016-04-18 04:51:53 Pasdo

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

источник

2016-05-02 11:24:34 Ckappo

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

ответ

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