jquery datepicker設置日期或年份選擇

Question

我有一個工作正常的日期選擇器，我想要的唯一缺少的是在用戶選擇一年或一個月時在輸入中設置日期。 目前它只是設定您選擇當天的日期。 我想要這個，因為用戶可能認為日期正在改變，只選擇其中一個（年或月），我沒有看到任何引用選擇器部分的文檔。

Answer 1

試試這個代碼。 如果用戶選擇不同的月份或年份 ，它將更改當前日期 。 如果我誤解了你的問題，請告訴我，以便我能夠調整我的答案！

$(function () {
    $("#datepicker").datepicker({
        changeMonth: true,
        changeYear: true,
        onChangeMonthYear: function (year, month, inst) {
            var curDate = $(this).datepicker("getDate");
            if (curDate == null)
            return; 
            if (curDate.getYear() != year || curDate.getMonth() != month - 1) {
                curDate.setYear(year);
                curDate.setMonth(month - 1);
                $(this).datepicker("setDate", curDate);
            }
        }
    });
});

由於我對JQueryUI和JQuery都很陌生，請告訴我是否有一些需要改進的地方！

Answer 2

所以，你需要做兩件事。

首先，您需要允許用戶更改月份和年份。 這可以通過將changeMonth和changeYear屬性設置為true來完成。 通過這樣做，它還可以訪問changeMonthYear事件，該事件將響應月份和年份的變化。 所以，你的最終代碼看起來像這樣......

$(function() {
    $("#datepicker").datepicker({
        changeMonth: true,
        changeYear: true,
        onChangeMonthYear: function(year, month, inst) {
            $(this).val(month + "/" + year);
        }
    });
});​

這里有一個例子在這里 。