jQuery datepicker可以选择10多年前吗?

时间:2017-05-02 13:37:06

标签: javascript jquery jquery-ui datepicker

我正在尝试使用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年。 - 我可以再往后走吗?

谢谢,

2 个答案:

答案 0 :(得分:2)

它确实更进一步,只是默认情况下多年的下拉时间限制为十年。

您可以使用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>

答案 1 :(得分:1)

您可以使用YearRange ...

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