JQuery UI Datepicker:如何添加下一个/上一年的按钮

时间:2010-08-06 12:19:41

标签: jquery datepicker

我使用选择下拉年份的功能。我用它来设置至少18岁的人的生日。到目前为止它完美无缺。我已经使用这些参数进行了设置:

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

但是我想要年导航。是否可以添加下一个/上一年的按钮?

提前感谢您的帮助!

2 个答案:

答案 0 :(得分:15)

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

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

答案 1 :(得分:0)

为了完成@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
});