5

. 你好,

我正在使用 jqueryui 的 datepicker,它工作得很好,但是有一个问题。年份列表不完整,例如仅显示 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,那么我必须点击 2 次,有时会很麻烦。

我想知道是否有办法显示从 1942 年到 1997 年的整个年份列表

提前致谢

哈维尔

4

3 回答 3

11

您还需要使用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"
    });
于 2012-06-12T18:20:03.247 回答
7

您要添加年份范围选项:

演示: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" 
    });

});
​
于 2012-06-12T18:20:04.303 回答
3

在您的情况下,设置更动态的范围将如下所示

yearRange: "-70Y:-15Y" 
于 2013-02-18T09:42:29.317 回答