1

我正在使用jQuery UI 的月份和年份菜单。这是正在发生的事情以及我遇到问题的地方:

  • 单击日期字段
  • 将月份下拉菜单更改为 Jan
  • 将年份下拉菜单更改为 2003
  • 单击日历第 1 天
  • 日期字段正确填充为 01/01/2003

这是我遇到问题的地方:

  • 单击日期字段(再次)
  • 更改月份(或年份)下拉菜单
  • 日期不变
  • 单击日期选择器以隐藏它
  • 日期仍然没有改变

输入日期后,有没有办法使用月份或年份下拉菜单?

http://jsfiddle.net/ryanburnett/8N9Xq/

<p>Date: <input type="text" id="datepicker" /></p>

$(function() {
    $( "#datepicker" ).datepicker({
      changeMonth: true,
      changeYear: true
    });
  });
4

2 回答 2

2

按照设计,年月变化不会刷新日期选择器;您可以使用以下选项设置新的选定日期(也可以从下拉列表中)onChangeMonthYear

当日期选择器移动到新的月份和/或年份时调用。该函数接收选定的年、月 (1-12) 和 datepicker 实例作为参数。这指的是关联的输入字段。

代码:

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    onChangeMonthYear: function (year, month, day) {
        $(this).datepicker('setDate', new Date(year, month - 1, day.selectedDay));
    }
});

工作小提琴:http: //jsfiddle.net/7Xdhy/

于 2013-07-17T16:36:52.917 回答
0

jQuery-ui 日期选择器仅在您单击特定日期时才会更改。

他们就是这样设计的。

如果您只想使用几个月和几年,最好自己编写一个javascript(它更快,相信我......)

于 2013-07-17T16:22:32.000 回答