jQuery UI Datepicker 设置显示月份

Question

我需要在另一个控件的单击事件中设置日期选择器上的显示月份。那可能吗？我无法使用 setDate 方法，因为它将设置特定日期，而我正在尝试模拟日期选择器上的上个月/下个月按钮。

编辑:我正在使用内联日期选择器 https://jqueryui.com/datepicker/#inline

html:

<input type="button" onclick="ChangeMonth(1);" />

JavaScript:

function ChangeMonth(month)
{
    //set month on datepicker
    $("#DatePicker").???
}

Answer 1

假设您有 mm/dd/yyyy 掩码，like in the demo你可以这样做:

UPD2。使用日期选择器 API

function ChangeMonth(month)
{
   var initialVal = $('#datepicker').datepicker('getDate')
   curMonth = date.getMonth(),

   if(month > 0 && curMonth < 12){
      initialVal.setMonth(curMonth + 1)
   } 
   if(month < 0 && curMonth > 1) {
      initialVal.setMonth(curMonth - 1)
   }
   $('#datepicker').datepicker('setDate', initialVal);
}

调用 ChangeMonth(1) 或 ChangeMonth(-1) 应更改数据选择器字段中的日期。

UPD1。如果您使用内联版本

您只需使用 jQuery 单击事件“单击”按钮即可:

$('#datepicker .ui-datepicker-prev').click() // month back
$('#datepicker .ui-datepicker-next').click() //month forward