javascript - 日期选择器自定义按钮错误？

Question

我有这个脚本，其中日期选择器面板中有一个名为“csa”的额外按钮。现在一切正常。例如，当输入字段为 2014-01-23 时，然后单击 CSA 按钮，日期会更改 + 6 个月。现在我们已经进入第 6 个月了。单击 csa 按钮时出现错误。日期 2014-06-04 变为 2014-00-4。但应该是2014-06-04 + 6个月。但我在我的脚本中没有看到错误......有人可以帮助我吗？

$(function () {
      $(".datepicker").datepicker({
          dateFormat: "yy-mm-dd",
          changeMonth: true,
          changeYear: true,
          yearRange: "2014:2034",
          showButtonPanel: true,
          beforeShow: function (input) {
              setTimeout(function () {
                  var buttonPane = $(input)
                      .datepicker("widget")
                      .find(".ui-datepicker-buttonpane");

                  var btn = $('<button class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" type="button">CSA</button>');
                  btn.unbind("click")
                      .bind("click", function () {
                          //$.datepicker._clearDate(input);
                          //alert('custom text');
                          var date = new Date(),
                              monthsToAdd = 7,
                              resultMonth =((date.getMonth()+monthsToAdd)%12),
                              displayMonth = (resultMonth < 10 ? '0'+ resultMonth: resultMonth);
                              $(input).datepicker("hide");
                              $(input).val(date.getFullYear() + '-' +
                              displayMonth + '-' + date.getDate());

                      });


                  btn.appendTo(buttonPane);

              }, 1);
          }
      });
    });

Answer 1

替换

resultMonth =((date.getMonth()+monthsToAdd)%12),

与

resultMonth =(((date.getMonth()+1)+monthsToAdd)%12),

原因:

date.getMonth() 将返回第六个月的 5。由于月份范围是 0-11

<强> Demo Fiddle.