如何设置jquery ui日历下拉列表中的年份?

时间:2014-01-13 06:26:03

标签: javascript jquery asp.net jquery-ui

我必须显示出生日期的日期选择器,因为年份范围大约是80年我使用以下代码。

    $('#<%=txtdob.ClientID%>').datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat: 'dd/mm/yy',
        yearRange: 'c-100:c-20'
    });

它正在发挥作用,但每当我们改变年份范围时,它都可以追溯到100年前!我想我错过了什么。提琴手代码是 - &gt; http://jsfiddle.net/MCheP/ 请帮忙..

编辑:单击文本框时,日历会显示。但是,当我从1914年改为1920年以来,它显示的是1820而不是1920年。

5 个答案:

答案 0 :(得分:1)

请尝试关注yearRange

yearRange: "-80:+0",

<强> DEMO

答案 1 :(得分:1)

为什么那里有c

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat: 'dd/mm/yy',
    yearRange: '-100:-20',
    defaultDate: '-100y'
});

FIDDLE

前导c设置相对于所选日期的范围,因此当您选择日期时,它会将该范围设置为距该日期另外100年。要保持范围静态,请删除c

答案 2 :(得分:1)

   $( "#datepicker" ).datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat: 'dd/mm/yy',
        yearRange: '-100:-20',
        defaultDate: '-100y'
    });

演示     http://jsfiddle.net/MCheP/6/

答案 3 :(得分:0)

请参阅文档

http://api.jqueryui.com/datepicker/#option-yearRange

实际的语法/示例是

$( ".selector" ).datepicker({ yearRange: "2002:2012" });

您也可以像这样使用它

yearRange: "-100:-20"

答案 4 :(得分:0)

$(“#datepicker”)。datepicker({             changeMonth:是的,             changeYear:true,             dateFormat:'dd / mm / yy',             minDate:“ - 100Y”,             maxDate:“ - 20Y”         });