javascript - example - Jquery Mobile Datepicker cambia de mes al deslizar

jquery ui dependencies

Question

¿Hay alguna manera de cambiar el mes del datepicker en deslizar? Me refiero a cualquier forma de mostrar el mes siguiente y el anterior en deslizar?

Aquí está mi enfoque:

Jquery Mobile Swipe:

// Bind the swipeHandler callback function to the swipe event on div.box
$( "#main-page" ).on( "swipeleft", swipeLeftHandler ).on( "swiperight", swipeRightHandler );

function swipeLeftHandler( event ){
//    $( event.target ).addClass( "swipe" );
    console.log(''swiped Left'');
}

function swipeRightHandler( event ){
//    $( event.target ).addClass( "swipe" );
    console.log(''swiped Right'');
}

Y aquí está el código de Jquery Mobile datePicker:

$(".date-input-inline").datepicker({
    onChangeMonthYear: function(year, month, inst) {

        $(".ui-datepicker").fadeOut(0);

        $(".ui-datepicker").fadeIn("normal");

    },
    dateFormat: ''yy-mm-dd'',
    yearRange: currentY + '':'' + currentY,
});

Answer 1

utilice el método getDate para obtener la fecha, agregue un mes y luego configure usando el método setDate para establecer la nueva fecha.

aquí está el ejemplo del deslizamiento a la derecha:

 var thedate=$(".date-input-inline").datepicker(''getDate''); //get date from datepicker
 thedate.setMonth(thedate.getMonth()+1); //add a month 
 $(".date-input-inline").datepicker(''setDate'',thedate); // set the date in datepicker

deslizar hacia la izquierda tendría el mismo tipo de código, solo necesita restar un mes.