Как да накарам FullCalendar да работи на сензорни устройства?

Търсех календар за събития, подходящ за таблет, но не намерих подходящи. Но FullCalendar е един от най-добрите плъгини за jQuery календар, който изглежда страхотно на настолен компютър и таблет.

Този календар работи перфектно на настолен компютър, но когато става дума за таблет, не мога да избера началния и крайния час на събитие въз основа на докосване и плъзгане. Когато направя това, календарът се превърта. Има ли някакво решение за това? Оглеждах се за решение във вената.

Някой имал ли е този проблем и разреши ли го? Моля, споделете метода как сте го решили. Всякакъв вид помощ се оценява.

Благодаря предварително.


calendar fullcalendar jquery-mobile
person Dipin Krishnan    schedule 31.05.2012    source източник

Отговори (7)


arrow_upward
14
arrow_downward

Опитахте ли да включите Jquery UI Touch Punch?

По подразбиране Jquery UI не поддържа Touch Events, защото не е оптимизиран за мобилни устройства. Touch Punch реши проблемите ми с функционалностите на Jquery UI Drag&Drop, които изглежда се използват и от FullCalendar.

Дано помогне!

person gwythen    schedule 31.05.2012
comment
Виждал съм това решение тук. Плъзгането на събитието работеше добре за мен, но не можах да избера времевия интервал въз основа на докосване и плъзгане на изгледа седмица/ден, за да създам събитие. Как решихте този проблем? Бихте ли ми помогнали? - person Dipin Krishnan; 31.05.2012
comment
@DipinKumar Намерихте ли някога решение? - person John; 24.05.2013
comment
@John Определено опитайте с jQuery Touch Punch. - person Dipin Krishnan; 27.05.2013
comment
jQuery UI Touch Punch 0.2.2 не позволява плъзгане на сензорни устройства, поне с fullcalendar 1.6.4 на стандартен браузър на Android 4... - person MarcoS; 24.10.2013

arrow_upward
9
arrow_downward

ТОВА РАБОТИ

Използвах този плъгин: jquery.ui.touch.js

добавя поддръжка за докосване към Fullcalendar за iOS и Android устройства

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

eventRender: function(event, element) {
            $(element).addTouch();
        }
person Gotschi    schedule 24.09.2014
comment
Работи по-добре от jQuery Touch Punch, тъй като с решението @yndolok можете да пускате събития наоколо и те не коригират автоматично позицията си, за да се поберат в границите на родителския им контейнер. - person Seether; 17.03.2015
comment
Уверете се, че използвате най-новия jQueryUI или няма да работи. В момента съм с 1.11.4. Най-новият fullcalendar използва най-новия jQuery 2.x. - person Mistergreen; 02.06.2015
comment
Работи и за мен. - person Dan Torrey; 14.04.2016

arrow_upward
2
arrow_downward

Тъй като се борих да накарам това да работи с jQuery UI touch punch и не можах да намеря пълен примерен код, реших да публикувам кода, който използвах, за да накарам създаването и плъзгането на събития да работят на мобилни устройства:

ЗАБЕЛЕЖКА: Този пример използва jQuery UI touch punch.

$(document).ready(function() {

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

  $('.fc-view tbody').draggable();
});
person yndolok    schedule 19.11.2014

arrow_upward
2
arrow_downward

Поддръжката за докосване на FullCalendar е налична в бета версията за v2.7.0 според тази публикация в блога на FullCalendar.

person akivajgordon    schedule 28.03.2016

arrow_upward
2
arrow_downward

С последния Пълен календар 2.7.1 докосването е Поддържа се. Можете дори да зададете опции за забавяне на пресата. Просто погледнете документите

person Ckappo    schedule 02.05.2016

arrow_upward
1
arrow_downward

Използвах този плъгин: jquery.ui.touch.js

За мен работи с този код:

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

$('#calendar').addTouch();
person Pasdo    schedule 18.04.2016

arrow_upward
1
arrow_downward

За тези, които имат проблеми с избора на ден на мобилно устройство този въпрос е много полезно, като използвате проп longPressDelay като 10 работи!

Вижте повече в Поддръжка на FullCalendar/Docs Touch

person stringnome    schedule 09.10.2019