Як зробити роботу FullCalendar на сенсорних пристроях? - jquery-mobile, календар, повний календар

Я шукав календарі подій дружніх до планшетів, але я не знайшов підходящих. Але FullCalendar є одним з кращих плагінів календаря jQuery, який чудово виглядає на робочому столі та планшеті.

Цей календар чудово працює на робочому столі, алеКоли мова йде про планшет, я не можу вибрати час початку та час завершення події, заснований на дотику та проведенні. Коли я роблю це, календар прокручується. Чи є рішення для цього? Я шукав рішення у вену.

Хто-небудь мав цю проблему і ви її вирішили? Будь ласка, поділіться способом вирішення проблеми. Будь-яка допомога оцінюється.

Заздалегідь спасибі.

Відповіді:

13 за відповідь № 1

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

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

Сподіваюся, це допоможе!

---

9 для відповіді № 2

Це працює

Я використав цей плагін: jquery.ui.touch.js

додає підтримку Touch для Fullcalendar для пристроїв iOS і Android

просто скористайтеся цим для ініціалізації календаря:

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

---

2 для відповіді № 3

З тих пір я боровся, щоб отримати цю роботу з jQueryНатискання сенсорного інтерфейсу, і я не міг знайти жодного повного коду прикладу, я думав, що опублікую код, який я використовував для створення і перетягування подій на мобільних пристроях:

ПРИМІТКА: Цей приклад використовується JQuery UI touch touch.

$(document).ready(function() {

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

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

---

2 для відповіді № 4

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

---

1 для відповіді № 5

Підтримка дотику FullCalendar доступна в бета-версії для v2.7.0 відповідно до це повідомлення в блозі FullCalendar.

---

1 для відповіді № 6

Я використав цей плагін: jquery.ui.touch.js

Цей код працював для мене:

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

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

---