jQueryUI日期选择器未显示范围内的所有年份

Question

你好，

我在使用jqueryui的日期选择器，它运行良好，但存在一个问题。 年份列表不完整，例如它只显示10年。如果我想回到10年前，我必须点击第一个年份，然后再次单击以选择一年。

以下是我的设置:

    $.datepicker.setDefaults( $.datepicker.regional["es"] );
    $("#birth_date").datepicker(
    {
        shortYearCutoff: 1,
        changeMonth: true,
        changeYear: true,
        dateFormat: 'dd-mm-yy',
        minDate: "-70Y", 
        maxDate: "-15Y" 
    });

第一次显示的是1997到1987的范围，如果我想设置为1960年，那么我必须点击两次，有时候这很麻烦。

我想知道是否有一种方法可以显示完整的年份列表，从1942年到1997年。

提前致谢

Javier

- JavierQQ23

Answer 1

您需要使用yearRange选项。MaxDate和MinDate仅验证所选择的日期。年份范围修改可见年份。

$.datepicker.setDefaults( $.datepicker.regional["es"] );
    $("#birth_date").datepicker(
    {
        shortYearCutoff: 1,
        changeMonth: true,
        changeYear: true,
        dateFormat: 'dd-mm-yy',
        minDate: "-70Y", 
        maxDate: "-15Y",
        yearRange: "1942:1997"
    });

- Josh Mein

---

很难决定正确的答案，但感谢你们两个。 - JavierQQ23

@JavierQQ23 现在您已经选择了，您总是可以给另一个点赞。 - Josh Mein

Answer 2

您希望添加年份范围选项：

演示：http://jsfiddle.net/lucuma/NAuEx/2/

$(document).ready(function() {
    $.datepicker.setDefaults( $.datepicker.regional["es"] );
    $("#birth_date").datepicker(
    {
        shortYearCutoff: 1,
        changeMonth: true,
        changeYear: true,
        dateFormat: 'dd-mm-yy',
        minDate: "-70Y", 
        maxDate: "-15Y",
         yearRange: "1900:2010" 
    });

});
​

- lucuma

Answer 3

在您的情况下，设置更动态的范围将会如此显示。

yearRange: "-70Y:-15Y" 

- Uhlamurile