Datepicker月份和年份选择错误

Question

我想构建一个只接受Month和Year的日期选择器，所以我只是使用display：none来隐藏CSS的日子，这对我来说很好。然后我更改了datepicker选项，用户只选择Month和Year，并且工作正常。

例如，如果我选择“JAN / 2017”，则输入变化很好。但是如果你再次点击输入，它将不是2017年1月，将是SEP / 2017。为什么？

这是一个plunker：CLICK HERE =)

如果您更喜欢看代码，请访问：

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

<input class="date-picker">

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

    })
</script>

非常感谢！

@EDIT - 解决了！

我不知道这是不是最好的方式，但是有效！我只是制作了一些操纵DOM的事件

        var mmNow, yyNow;

    $('document').ready(function () {
        $('.date-picker').datepicker({
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            dateFormat: 'MM yy',
            onClose: function (dateText, inst) {
                $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1));
            }
        }).click(function () {
            $('.date-picker').datepicker('setDate', new Date(yyNow, mmNow, 1));
        }).blur(function(){
            mmNow = ($('.ui-datepicker-month')[0].value)
            yyNow = ($('.ui-datepicker-year')[0].value)
        })
    })

Answer 1

另一答案