Question

我使用jquery的datepicker为一个字段设置出生日期，同时显示默认选择器，提供每月滚动到日期的选项，听起来很乏味。有没有办法可以直接改变年份，而不是用数月来轮流改变年份。

Answer 1

日期选择器上有一个changeYear属性，您可以设置为true。

$( ".selector" ).datepicker({ changeYear: true });

http://jqueryui.com/datepicker/#dropdown-month-year

这将呈现一个选择列表，您可以从中选择您想要的年份。

Answer 2

在您的DataPicker参数上插入changeYear: true。

示例：

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

Answer 3

设置changeYear: true，如下面的示例代码所示：

 $("#birth_date").datepicker({
            dateFormat: 'yy-mm-dd',
            changeMonth: true,
            changeYear: true,
            maxDate: '-1D'
        },
        $.datepicker.regional["fr"]
    );

请参阅此处了解更多选项：https://jqueryui.com/datepicker/

Answer 4

您可以使用datepicker对象中的'changeYear'属性（请参阅：jQuery UI）启用年份下拉列表。

Answer 5

changeYear属性可让您启用年份dropdown。使用yearRange属性控制他们在下拉列表中看到的number of years可能也会有所帮助，默认情况下，该时间范围是-10年到+10年。

$('#date').datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "-40:+40"
});

原始文档中的详细信息：

年份下拉列表中显示的年份范围：相对于今天的年份（“ -nn：+ nn”），相对于当前选定的年份（“ c-nn：c + nn”），绝对值（ “ nnnn：nnnn”）或这些格式的组合（“ nnnn：-nn”）。请注意，此选项仅影响下拉菜单中显示的内容，使用minDate和/或maxDate选项限制选择的日期。

Jquery datepicker年份改变

5 个答案: