Jquery datepicker年份改变

Question

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

Answer 1

changeYear您可以设置的datepicker上有一个属性true.

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

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

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

Answer 2

插入changeYear: trueDataPicker参数.

示例:

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

Answer 3

changeYear属性允许您启用年份下拉菜单。使用yearRange属性来控制他们在下拉列表中看到的年数也可能会有所帮助，默认情况下为 -10 到 +10 年。

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

原始文档的详细信息：

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

Answer 4

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

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

有关更多选项,请参阅此处:https://jqueryui.com/datepicker/