【问题标题】:How to select multiple month in JQuery multipleDatePicker如何在 JQuery multipleDatePicker 中选择多个月份
【发布时间】:2017-04-05 05:52:52
【问题描述】:

我是编程新手,只是想知道如何使用 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;
}

【问题讨论】:

  • 有什么问题?选择多个月份应该默认工作。
  • 实际上,当我删除 css 时它正在工作。但它也向我展示了我不想要的日期。我只想在输入字段中输入多个月份和年份
  • 所以您希望您的输入字段只是 MM/yyyy?
  • 是的,我希望我的输入字段只是 MM/yyyy 多次

标签: jquery jquery-multidatespicker


【解决方案1】:

您可以做两件事来在日历中只显示月份和年份:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多