javascript - 用户选择从今天起 10 年的日期 jquery datepicker

Question

在我当前的代码中使用 jquery 日期选择器。我希望日期选择器应该显示从 1900 年到今天的日期，如果用户选择昨天的日期或今天的日期或一个月前的日期，则用户必须选择从今天开始的前 10 年

这是我当前的 Jquery 代码

$(function() {
    $( "#datepicker" ).datepicker({
          changeMonth: true,
          changeYear: true,
        yearRange: '-115:+1M'
    }).on('change',function(){
        alert("check");
    });
 });

这是 fiddle Link

请帮助我

感谢和问候马哈德万

Answer 1

您可以在日期选择器本身提供的 onSelect:fn(){} 中进行所有计算。您可以从您选择的函数的参数名称中获取选定的值，我已将其命名为 date。现在，当您从此处获取日期时，您可以将其转换为 dateObject 以从中提取年份，与您需要使用新日期对象获取当前年份的方式相同。

$(function() {
  $("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: '-115:+0M',
    onSelect: function(date) { // bind the builtin onSelect event
                               // which gets you the selected date
      var selYear = new Date(date).getFullYear(); // get the full year of selected date 
      var currYear = new Date().getFullYear(); // get the current year

      if ((currYear - selYear) > 10) { // check in the if conditon for 10 years
        $('#display_error').html('You should choose dates from last 10 years only.');
        this.value='';
      }
    }

  });
});

<link href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<p>Date:
  <input type="text" id="datepicker">
</p>
<label id="display_error" class="display_error"></label>