jQuery datepicker 可以选择 10 多年前吗？ [复制]答案

【问题标题】：Can jQuery datepicker select more than 10 years ago? [duplicate]jQuery datepicker 可以选择 10 多年前吗？ [复制]
【发布时间】：2017-05-02 13:37:06
【问题描述】：

我正在尝试使用 jQuery-UI 的 datepicker 选择生日，但是它只允许我回到 10 年，即我不能拥有超过 10 年的用户 :)

我尝试如下设置minDate：

<script>
$( function() {
$( "#datepicker" ).datepicker({
  changeMonth: true,
  changeYear: true,
  //minDate: "-100Y", 
  minDate: new Date(1971, 2 - 1, 26),
  maxDate: "+1D" // this works.
});
} );
</script>

但是我无法让它发挥作用，最早可能的选择总是 2007 年。-如何- 我可以再往前走吗？

谢谢，

【问题讨论】：

你可以往前追溯——它一次只能让你往前追溯 10 年。如果你检查这个小提琴：jsfiddle.net/d0vtr3kf 你会看到你可以先选择 2007，然后选择 1997 等等

标签： javascript jquery jquery-ui datepicker

【解决方案1】：

它确实可以追溯到更远，只是默认情况下，年份的下拉列表仅限于十年。

您可以使用yearRange 选项进行设置

    $(function() {
        $("#datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            //minDate: "-100Y", 
            minDate: new Date(1971, 2 - 1, 26),
            maxDate: "+1D",
            yearRange: '1971:2017',
        });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">

<div id="datepicker"></div>

【讨论】：

【解决方案2】：

您可以使用 YearRange...

$("#datepicker").datepicker({
  changeMonth: true,
  changeYear: true,
  yearRange: "-100:+0",
  //minDate: "-100Y", 
  minDate: new Date(1950, 2 - 1, 26),
  maxDate: "+1D" // this works.
});

【讨论】：