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.