fullcalendar multiple cell select on mobile device?

by

How about adding event listeners to the cells of already initialized calendar and applying some magic, like this:

$('#calendar table.fc-border-separate td.ui-widget-content').on('touchstart', function (event) {
    /* touch start processing, probably cancelling like*/ 
    event.preventDefault();
    event.stopImmediatePropagation();

    function mouseMoveHandler (event) {
         /* processing actual drag */
         /* possible also cancelling default behavior and instead calling Calendar API */
    }

    function mouseUpHandler (event) {
        /* processing mouse up */

        /* some clean up */         
        $(document).off('touchmove', mouseMoveHandler)
        .off('touchend touchleave touchcancel', mouseUpHandler);
    }

    $(document).on('touchmove', mouseMoveHandler)
        .on('touchend touchleave touchcancel', mouseUpHandler);
});

I know this is a bit low-level comparing to the rest of your code, but that can help.
These events will only work on mobiles and probably you will be able to achieve the desired behavior. Sorry no time to try this approach myself, maybe I’ll try that later on jsFiddle.

More Related Contents:

  1. jQuery mobile- For every live tap event should there be an equivalent click event?
  2. jQuery how to find an element based on a data-attribute value?
  3. Why is my jQuery :not() selector not working in CSS?
  4. Wildcards in jQuery selectors
  5. Set select option ‘selected’, by value
  6. Jquery bind double click and single click separately
  7. jQuery Validate – require at least one field in a group to be filled
  8. jQuery or CSS selector to select all IDs that start with some string [duplicate]
  9. Set width of a “Position: fixed” div relative to parent div
  10. How can I detect if a selector returns null?
  11. What CSS3 selectors does jQuery really support, e.g. :nth-last-child()?
  12. jQuery: select an element’s class and id at the same time?
  13. Remember which tab was active after refresh
  14. jQuery attribute name contains
  15. How can I display a tooltip on an HTML “option” tag?
  16. jQuery multiselect drop down menu
  17. jQuery: How can I show an image popup onclick of the thumbnail?
  18. jQuery scrollTop not working in Chrome but working in Firefox
  19. jQuery file upload: Is it possible to trigger upload with a submit button?
  20. Is there a way to prevent overlapping events in jQuery FullCalendar?
  21. Find all elements based on ids using regex on jQuery selector
  22. jQuery datepicker- 2 inputs/textboxes and restricting range
  23. A cleaner way to select by multiple possible attribute values?
  24. How to select specific form element in jQuery?
  25. Creating templated/persistant header/footer template in jQuery Mobile and PhoneGap
  26. How to select a table column with jQuery
  27. jQuery Webpage Preview [duplicate]
  28. Looking for a JQuery plug-in similar to Accordion, but that allows multiple sections open at once [closed]
  29. Performance of jQuery selectors vs local variables
  30. Can jQuery selectors be used with DOM mutation observers?

Leave a Comment