Question

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

有人知道任何适合此的日期选择器插件吗？也许可以从dropbox中选择哪个年份或月份的日期选择器？

Answer 1

简而言之：您可以通过demo page中的限制日期选择器部分来实现这一目标。

如果向下看demo page，您会看到“限制日期选择器”部分。使用下拉列表指定“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的changeMonth和changeYear选项。

尝试使用当前年份的'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"
    });
  } );

出生日期文本框的Datepicker插件

3 个答案: