jquery ui 日期选择器。如何显示所有可能的年份（生日）？

Posted 2023-05-07

【中文标题】jquery ui 日期选择器。如何显示所有可能的年份（生日）？

【英文标题】：jquery ui datepicker. How can I show ALL of the possible years (for the birthdate)?

【发布时间】：2011-12-28 12:52:35

【问题描述】：

我正在使用带有 changeYear 的 jquery ui datepicker。 问题是它以块的形式显示年份（从 1985 年到 2005 年，然后单击 1985 年会打开其他年份）我需要像这样显示我通过的范围内的所有年份：

$(".datepickerBDAY_trigger").datepicker(
    "dateFormat": "yy-mm-dd",
    changeMonth: true,
    changeYear: true,
    maxDate: "-16Y",
    minDate: "-100Y"
);

我该怎么做？我在其他任何地方都找不到此信息。

谢谢

【参考方案1】：

您可以使用yearRange 选项。它的第一种形式 (-nn:+nn) 允许您指定相对于当前年份而不是当前选定年份的范围。

$(".datepickerBDAY_trigger").datepicker(
    dateFormat: "yy-mm-dd",
    changeMonth: true,
    changeYear: true,
    maxDate: "-16Y",
    minDate: "-100Y",
    yearRange: "-100:-16"
);

你可以在this fiddle看到结果。