在 jquery-ui 日期选择器中将 maxDate 设置为 currentDate

Question

我试图将 maxDate 设置为 currentDate，但不幸的是，year 下拉列表没有更新。下面是我的。

var currentDate=new Date();
var minyear=currentDate.getFullYear() - 80;
var maxyear=currentDate.getFullYear() - 1;
$('.datepicker').datepicker({
  changeMonth: true,
  changeYear: true,
  yearRange:minyear +':'+maxyear,
  showAnim:'clip'
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

<input type="text" class="datepicker"/>

我的尝试包括添加日期小于年份的 setDate 选项，但下拉值仍然是 minDate 年份。以下是我的尝试：

var currentDate=new Date();
var minyear=currentDate.getFullYear() - 80;
var maxyear=currentDate.getFullYear() - 1;
var setDates=new Date(currentDate.getMonth()+"/"+currentDate.getDate()+"/"+(currentDate.getFullYear()-1));
$(".datepicker").datepicker({
      changeMonth: true,
      changeYear: true,
      yearRange:minyear +':'+maxyear,
      showAnim:'clip',
      setDate:setDates
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

<input type="text" class="datepicker"/>

知道如何完成这项工作吗？

Answer 1

我们可以使用 minDate 和 maxDate 选项限制可选择日期的范围。将开始日期和结束日期设置为实际日期 (new Date(2009, 1 - 1, 26)), 作为距今天的数字偏移量 (-20)，或作为一串句点和单位 ('+1M +10D')。

$('.datepicker').datepicker({
      changeMonth: true,
      changeYear: true,
      minDate:'-80Y',
      maxDate:'-1Y',
      showAnim:'clip'
    });

在 jquery-ui 日期选择器中将 maxDate 设置为 currentDate

set maxDate as currentDate in jquery-ui datepicker

jquery

jquery-ui

jquery-ui-datepicker