更改年份或月份时更改日期的jQuery UI日历小部件

时间:2012-04-12 12:47:16

标签: jquery jquery-ui

我正在使用带有月份和年份下拉菜单的jQuery UI日历窗口小部件,如此处显示:http://jqueryui.com/demos/datepicker/#dropdown-month-year

显然有些人选择了一天,然后再次打开小部件,挑选一年零一个月让它关闭。问题是选择年份和月份不会更改输入日期的年份和月份,只会更改显示给用户的日期和月份。

有没有办法让年份和月份对日期产生直接影响,因此,如果我的日期为22/06/2012并选择1990年,那么它将自动转到22/06/1990。 / p>

1 个答案:

答案 0 :(得分:1)

您应该为此事件onChangeMonthYear设置触发器。

例如:

$(function() {
    $( "#datepicker" ).datepicker({
        changeMonth: true,
        changeYear: true,
        onChangeMonthYear: function(year, month, inst) {
        if(inst.currentYear != inst.drawYear || inst.currentMonth != inst.drawMonth) {
          $(this).datepicker("setDate", new Date(year, month - 1, inst.selectedDay));
        }
    });
});