如何在JQuery multipleDatePicker中选择多个月

时间:2016-11-21 18:22:03

标签: jquery jquery-multidatespicker

我是编程新手,只是想知道如何使用jQuery multipleDatesPicker选择多个月。只是月份和年份。

Source code.

$(function() {
   $('.date-picker').multiDatesPicker( {
      changeMonth: true,
      changeYear: true,
      showButtonPanel: true,
      dateFormat: "yy-mm",
      onClose: function(dateText, inst) { 
         var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
         var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
         debugger;
         $(this).multiDatesPicker('setDate', new Date(year,month,1));
     }
   });
});

CSS:

.ui-datepicker-calendar {
  display: none;
}

1 个答案:

答案 0 :(得分:0)

您可以执行两项操作,仅在日历中显示月份和年份:

<style>
.ui-datepicker-calendar {
    display: none;
}
</style>

$('.date-picker').multidatespicker( {
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    dateFormat: 'MM yy',
    onClose: function(dateText, inst) { 
        $(this).multidatespicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1));
    }
});