提问者:小点点

获取选择列表中的动态年份范围和追加选项


我想要一个具体的年份范围是动态的。 目前是一个固定范围。 例如,当前年份是2020年,因此我希望得到2015-2025的范围。 如果当前年份是2021年,则范围必须是2016-2026年。 我怎么能那么做?

null

$(document).ready(function() {
  var y = 2015;
  for (i = 0; i <= 10; i++) {
    $("#myselectYear").append(new Option(y, y));
    y = parseInt(y) + parseInt(1);
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="modal-body">
  <div class="form-group">
    <label>Year</label>
    <select id="myselectYear">
      <option value="">-Select-</option>
    </select>
  </div>
  <div class="col-md-4">
    <div class="form-group">
      <label>Month</label>
      <select id="myselectMonth">
        <option value="">-Select-</option>
      </select>
    </div>
  </div>
</div>

null


共2个答案

匿名用户

获取当前日期并从中找出当前年份。

$(document).ready(function() {
  //get current date
  var d = new Date();
  //get current year out of it
  var n = d.getFullYear();

  var y = n-5;
  for (i = 0; i <= 10; i++) {
    $("#myselectYear").append(new Option(y, y));
    y++;
  }
});

试试这小提琴

匿名用户

getFullYear()提供当前年份。

$(document).ready(function() {
  var minYear = new Date().getFullYear() - 5;
  let y = 0;
  for (i = 0; i <= 10; i++)
    y = minYear + 1;
    $("#myselectYear").append(new Option(y, y));
  }
});