如何限制日期選擇器的年份范圍？

Question

我正在為datepicker使用以下腳本。 目前，我通過提及“ YearRange：2014：2015”來限制最大年份。 這看起來像手動工作。 但是我想要一個可以從今天起自動設置1年的代碼。

$<script>
  $(function() {

    $( "#checkin" ).datepicker({
      defaultDate: "+2d",
      yearRange: '2014:2015',
      changeMonth: true,dateFormat: 'dd/mm/yy',
                minDate: 1,
      numberOfMonths: 1,
      onClose: function( selectedDate ) {
        $( "#checkout" ).datepicker( "option", "minDate", selectedDate );
      }
    });

    $( "#checkout" ).datepicker({
      defaultDate: "+3d",dateFormat: 'dd/mm/yy',
      yearRange: '2014:2015',
                minDate: 2,
      changeMonth: true,
      numberOfMonths: 1,
      onClose: function( selectedDate ) {
        $( "#checkin" ).datepicker( "option", "maxDate", selectedDate );
      }
    });

  }); 
  </script>

Answer 1

var year = (new Date).getFullYear();
$( "#datepicker" ).datepicker({
    minDate: new Date(year, 0, 1),
    maxDate: new Date(year+1, 11, 31)
});

Answer 2

要設置可以選擇的最大日期，可以使用maxDate選項

maxDate: '+1y' // one year from today

小提琴

當showYear設置為true時，這還將限制yearRange。

Answer 3

在此處查看文檔http://api.jqueryui.com/datepicker/#option-yearRange

yearRange: '1950:2013', // specifying a hard coded year range

或者這樣

yearRange: "-100:+0", // last hundred years