如何在 jquery ui 日历的下拉列表中设置年份？答案

【问题标题】：how to set year in dropdown of jquery ui calender?如何在 jquery ui 日历的下拉列表中设置年份？
【发布时间】：2014-01-13 06:26:02
【问题描述】：

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

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

它正在工作，但每当我们更改年份范围时，它都会追溯到 100 年！我想我错过了一些东西。提琴手代码是--> http://jsfiddle.net/MCheP/ 请帮忙..

编辑：当点击文本框时会显示日历。但是当我将年份从 1914 更改为 1920 时，它显示的是 1820 而不是 1920。

【问题讨论】：

标签： javascript jquery asp.net jquery-ui

【解决方案1】：

尝试关注yearRange：

yearRange: "-80:+0",

DEMO

【讨论】：

thankx 明白了，我写c是因为我从这里看到的 -->stackoverflow.com/questions/8329357/… 并认为它是对的。

【解决方案2】：

为什么里面有c？

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

FIDDLE

前导 c 设置相对于所选日期的范围，因此当您选择一个日期时，它将范围设置回从该日期开始的另一个 100 年。要保持范围不变，请删除 c

【讨论】：

请检查链接，在选择 1914 年 1 月 23 日时，文本框显示“23/01/2014”。是问题还是我错过了什么？
@ram - 如果您的年份范围不包括当前年份，您也应该将默认日期设置回 100 年。

【解决方案3】：

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

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

【讨论】：

请交叉检查您的链接。选择日期时它无法正常工作。 1914 年 1 月 16 日选择时，在文本框中给了我类似“16/01/YYYY”的内容。
不是按照原始帖子的问题给出问题。选择 1914 年 1 月 23 日时，文本框显示“23/01/2014”。 :)
我就是这样做的。打开小提琴链接，单击任何日期而不更改年份下拉菜单。
@ram ，请立即查看

【解决方案4】：

请参阅文档

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

实际的语法/示例是

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

你也可以这样使用

yearRange: "-100:-20"

【讨论】：

【解决方案5】：

$( "#datepicker" ).datepicker({ 更改月份：真，更改年份：是的， dateFormat: 'dd/mm/yy', minDate: "-100Y", 最大日期：“-20Y” });

【讨论】：