jQuery UI日期選擇器inst.inline：false

Question

我正在使用jQuery ui Datepicker顯示事件。

$( "#datepicker2" ).datepicker({
    dateFormat: 'dd MM',
    showWeek: true,
    showOtherMonths: true,
    selectOtherMonths: true,
    defaultDate: "+1M",
    onSelect: function (param, param2) {
        param2.inline = false;
        var datecurrent=$("#datepicker2").datepicker('getDate');
    },
    beforeShowDay: function(date) {
            for (i = 0; i < holiDays.length; i++) {
                if (date.getFullYear() == holiDays[i][0]
                        && date.getMonth() == holiDays[i][1] - 1
                        && date.getDate() == holiDays[i][2]) {
                        return [true, holiDays[i][4], holiDays[i][3]];
                    }
                }
            return [true, ''];
        }
    });

為了防止在選擇時重新繪制日歷，我指定了param2.inline = false。但是問題是當我單擊2015年1月13日時，得到的結果是2014年1月13日。

Answer 1

您需要在dateFormat包括年份。 獲取日期時，日期選擇器將解析輸入字段的內容。 由於那里沒有年份，因此默認為當前年份。

$("#datepicker2").datepicker({
    dateFormat: 'dd MM yy',
    showWeek: true,
    showOtherMonths: true,
    selectOtherMonths: true,
    defaultDate: "+1M",
    onSelect: function (param, param2) {
        var datecurrent = $("#datepicker2").datepicker('getDate');
    },
    beforeShowDay: function (date) {
        for (i = 0; i < holiDays.length; i++) {
            if (date.getFullYear() == holiDays[i][0] && date.getMonth() == holiDays[i][1] - 1 && date.getDate() == holiDays[i][2]) {
                return [true, holiDays[i][4], holiDays[i][3]];
            }
        }
        return [true, ''];
    }
});

演示