JQuery UI Datepicker：如何添加下一年/上一年按钮答案

【问题标题】：JQuery UI Datapicker : How to add next/previous year buttonsJQuery UI Datepicker：如何添加下一年/上一年按钮
【发布时间】：2010-08-06 12:19:41
【问题描述】：

我使用通过下拉菜单选择年份的功能。我用它来设置至少 18 岁的人的生日。到目前为止，它工作得很好。我已经使用这些参数进行了设置：

        $('#datepicker').datepicker({
        changeMonth: true,
        changeYear: true,
                    dateFormat: 'dd-mm-yy',
                    minDate: '-100Y',
                    maxDate: '-18Y'
    });

但是，我希望有年份导航。是否可以添加下一年/上一年按钮？

提前感谢您的帮助！

【问题讨论】：

标签： jquery datepicker

【解决方案1】：

检查这个：http://jqueryui.com/demos/datepicker/dropdown-month-year.html 它是 datepicker 插件的一部分

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

【讨论】：

就像操作显示的代码一样，它已经在我的参数列表中，这给了我一个工作下拉列表。但是，我希望为快速变化的年份添加按钮（就像几个月一样）。我发现只有年份下拉菜单并不总是足够方便。
在例子中有月份和年份与上一个下一步按钮的组合——你还想要什么？
下一个/上一个按钮按月导航，而不是按年导航。
比你可以去这个插件：eyecon.ro/datepicker 功能每年变化
我没有切换到那个特定的库，因为我已经需要为其他小部件包含 jqueryui。但是，发布的替代库似乎是一个可行的选择，因此我接受了。

【解决方案2】：

为了完成@PranayRana 的回答，jQuery UI 让您可以使用选项changeYear 选择年份，并且您还可以为您的日期选择器指定日期范围（对于 birth date 字段示例）。

这是一个例子：

$(".datepicker").datepicker({
    changeYear: true, // Add the ability to select the year
    yearRange: '1930:2000', // Set the year range selection from 1930 to 2000
});

【讨论】：