jquery - 出生日期文本框的 Datepicker 插件

Question

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

有人知道适合这个的日期选择器插件吗？也许是一个日期选择器，可以从 Dropbox 中选择哪个年份或月份？

Answer 1

简而言之：您可以通过演示页面中的限制日期选择器部分来执行此操作。

如果您稍微向下看一下演示页面 ，您会看到“限制日期选择器”部分。使用下拉菜单指定“ Year dropdown shows last 20 years”演示，然后点击查看源代码：

$("#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 的changeMonthandchangeYear选项。

尝试在当前年份使用“yy”，例如：

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

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

Answer 2

我遇到了同样的问题，所以如果其他人遇到同样的问题，我想我会发布解决方案。它在上面的答案中，但是您必须阅读评论才能获得所有信息。

在头上：

<script src="~/Scripts/jquery-1.10.2.js"></script>

<script>
    $(function () {
        $("#datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '-100:+0'
        });
    });
</script>

在 HTML 中：

<input type="text" class="form-control" id="datepicker">

这将为您提供一个日期选择器，其中月份是它自己的下拉列表，年份是它自己的下拉列表，并且年份从今天开始并追溯到 100 年。

Answer 3

在 datepicker 调用中添加以下行以获取要在下拉列表中显示的范围

yearRange: "1930:2025"

像这样，

$( function() {
    $( "#celeb_dob" ).datepicker({
      changeMonth: true,
      changeYear: true,
      yearRange: "1930:2025"
    });
  } );