jquery - 用于出生日期文本框的日期选择器插件

Question

我发现了一个非常易于使用的日期选择器，称为 jquery datepicker。但问题是当我想用它来计算出生日期时。例如:我的出生年份是1986年，当前年份是2013年，那么我需要多次点击向左箭头来减少月份，直到找到1986年。如果我的出生年份是1960年或以下，那就更麻烦了。

有人知道适合这个的日期选择器插件吗？也许可以从 dropbox 或其他东西中选择哪一年或哪一个月的日期选择器？

Answer 1

简而言之:您可以通过 demo page 中的“限制日期选择器”部分来执行此操作。 .

如果你往下看demo page稍后，您会看到“限制日期选择器”部分。使用下拉列表指定“年份下拉列表显示过去 20 年”演示，然后点击查看源代码:

$("#restricting").datepicker({ 
    yearRange: "-20:+0", // this is the option you're looking for
    showOn: "both", 
    buttonImage: "templates/images/calendar.gif", 
    buttonImageOnly: true 
});

您会想要执行相同的操作(显然将 -20 更改为 -100 或其他内容)。

选项 # 2: 使用 API 的 changeMonth 和 changeYear 选项。

尝试使用“yy”表示当前年份，例如:

$('.datepicker').datepicker({changeYear: true, yearRange : 'yy-50:yy+1'});

更多信息查看http://api.jqueryui.com/datepicker/#option-yearRange