jquery - jQuery 日期选择器中年份下拉滚动条的问题

Question

我使用 jQuery 日期选择器来选择申请人的出生日期，但申请人的年龄必须限制在 21 岁到 100 岁之间的值。

为了使选择相对容易，我打开了月份和年份下拉框，并且在英国，我对其进行了本地化。

<script type="text/javascript">
$(function () {
    $(".dp1").datepicker({ changeMonth: true, changeYear: true, dateFormat: 'd MM yy', minDate: '-100y', maxDate: '-21y' });
});

文本框的ASP.NET MVC2 VB.NET代码如下:

<%: Html.TextBox("", If(DirectCast(Model, DateTime) = DateTime.MinValue, String.Empty, ViewData.TemplateInfo.FormattedModelValue), New With {.class = "dp1"})%>

没关系，但年份下拉列表仅显示有限范围的值，并且没有滚动条来指示年份列表更长，但滚动条 slider 的大小没有提供有关整个范围的任何视觉线索:

如果您单击顶部的值，然后关闭下拉列表，则下次打开它时，会显示更多值:

这是一种不明显的行为，我只是偶然发现的。有没有办法让滚动条始终出现并且 slider 大小与范围成反比？如果没有，建议使用哪些其他方法选择一个世纪前的日期(实际上 99 年就可以了)？

根据我正在使用的记录:

• jquery-ui-1.8.5
• jquery-1.4.1

谢谢

克里斯平

Answer 1

也尝试设置yearRange选项(这将设置年份下拉框中的年份范围)。您可以将其设置为yearRange: "-100:-21"。请注意，单独设置yearRange不会影响允许用户选择的实际日期(您仍然需要设置minDate和maxDate)。