使用jquery ui datepicker重新聚焦相同的datepicker輸入時顯示錯誤的月份和年份

Question

我想只顯示月份和年份。 如果我在選擇日期后重新聚焦相同的輸入，則顯示錯誤的月份和年份未顯示先前選擇的月份和年份。 例如，我選擇2010年12月，然后重新聚焦2015年4月顯示的相同輸入，如下圖所示。 我怎樣才能？

HTML

<input type="text" class="dp" readonly="true">

CSS

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

JS

$('.dp').datepicker({
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    dateFormat: 'mm.yy',
    onClose: function (dateText, inst) {
        $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay));
    }
});

http://jsfiddle.net/46tx62vu/

Answer 1

datepicker期望能夠將顯示的日期版本解析為javascript日期對象。

一種方法是為您的特殊日期格式添加自定義parseDate函數。 下面的代碼查找“mm.yy”的特殊格式，如果找到，則將值解析為日期。 如果格式是其他任何內容，則將處理傳遞給原始的datepicker.parseDate。

var standardParseDate = $.datepicker.parseDate;

function customParseDate( format, value, options ) {
    if (format === 'mm.yy') {
        var dt = (value + ".").split(".");

        var month = parseInt(dt[0]) - 1;
        var year = parseInt(dt[1]);

        if (year < 100) {
            year += 2000;
        }

        if (isNaN(month) || isNaN(year)) {
            return null;
        }

        return new Date(year, month, 1);
    } else {
        return standardParseDate(format,value,options);
    }
}

$.datepicker.parseDate = customParseDate;

JSFiddle： http ： //jsfiddle.net/3drfd35t/

Answer 2

customParseDate的其他代碼：

    } else if (format === 'M-yy') {
      var datestr = value;
      if (datestr.length > 0) {
        var y = datestr.substring(datestr.length - 4, datestr.length);  // last 4 chars
        var m = jQuery.inArray(datestr.substring(0, datestr.length - 5), options.monthNamesShort);
        var newDate = new Date(y, m, 1);
        console.log("customParseDate " + "m:" + m + ", y:" + y); // dbg
        return newDate;
      } else {
        console.log("customParseDate " + "null"); // dbg
        return null;
      }
   } else . . .