Jquery Mobile Datepicker在刷卡时更改月份

时间:2014-06-27 22:17:48

标签: javascript jquery jquery-ui jquery-mobile datepicker

有没有办法在刷卡时更改datepicker的月份?我的意思是在刷卡上显示下个月和上个月的任何方式?

这是我的方法:

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');
}

这是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,
});

1 个答案:

答案 0 :(得分:1)

使用getDate方法获取日期,添加一个月,然后使用setDate方法设置新日期。

这里是向右滑动的示例:

 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

向左滑动会有相同类型的代码,您只需要减去一个月。