jQuery datepicker swipe

Question

Is it possible to browse months in datepicker, using swipe? For example in my iPhone, when I swiperight throw calendar it will show me next month. Please help me it is very important.

I tried to do something like this, but it is not working at all.

checkIn.datepicker(
{ 
    dateFormat: 'dd-mm-yy',
    firstDay: 1,
    minDate: 0,
    beforeShow: function()
    {
        jQuery('#ui-datepicker-div').on('swiperight', function() 
        {
            alert('next month');
        });
    }
});

http://stackoverflow.com/questions/24461547/jquery-mobile-datepicker-change-month-on-swipe — Eugene Godun, Mar 21 '17 at 01:40

score 0 · Answer 1 · edited Jul 15 '19 at 15:14

One of the possible approaches is to use TouchSwipe jQuery Plugin.

After including this to your project you can simply trigger click event on a corresponding arrow button like this:

$('#ui-datepicker-div').swipe({
        swipeRight:function(){
            $('#ui-datepicker-div').find("[data-handler='prev']").click();
        },
        swipeLeft:function(){
            $('#ui-datepicker-div').find("[data-handler='next']").click();
        }
})

jQuery datepicker swipe

1 Answers1