How to make FullCalendar work on touch devices?

jquery-mobile calendar fullcalendar
Dipin Krishnan picture Dipin Krishnan · May 31, 2012 · Viewed 24.3k times · Source

I was looking for a tablet friendly event calendar, but I did not find any suitable ones. But FullCalendar is one best jQuery calendar plugin that looks great on desktop and a tablet.

This calendar works perfectly on a desktop, but when it comes to tablet I am unable to select the start time and end time of an event, based on the touch and swipe. When i do this the calendar gets scrolled. Is there any solution for this? I have been looking around for a solution in vein.

Have anyone had this issue and did you solve it? Please share the method how you solved it. Any sort of help is appreciated.

Thanks in advance.

Answer

gwythen picture gwythen · May 31, 2012

Have you tried including the Jquery UI Touch Punch?

By default, Jquery UI doesn't support Touch Events because it wasn't optimized for mobile devices. Touch Punch solved my problems with the Jquery UI Drag&Drop functionalities, which seem to be used by FullCalendar as well.

Hope it helps!

Related questions

how to set date input data-options using jquery

I am using JQuery-Mobile datebox , and I want to set date input data-options using JQuery edit: my question is : how to set date input data-options using jquery ? input code : <input name="mydate" id="mydate" type="date" pickPageTheme="a" data-role="…

Read More
How can I check if a checkbox is checked?

I am building a mobile web app with jQuery Mobile and I want to check if a checkbox is checked. Here is my code. <script type=text/javascript> function validate(){ if (remember.checked == 1){ alert("checked") ; } else { alert("You …

Read More
How to redirect on another page and pass parameter in url from table?

How to redirect on another page and pass parameter in url from table ? I've created in tornato template something like this <table data-role="table" id="my-table" data-mode="reflow"> <thead> <tr> <th>Username&…

Read More