0

我有多个日期输入字段,每个字段都需要具有相同的功能。日期输入从当前日期开始,并且只允许选择距当前日期最多一年的时间。该功能适用​​于第一个盒子,但无论我尝试什么,我都无法让它同时在所有盒子上工作。这是我到目前为止所拥有的:

<input type="date" id="datepicker2">
<input type="date" id="datepicker3">


<script>
// Formt date as YYYY-MM-DD
function formatISOLocal(d) {
  let z = n => ('0' + n).slice(-2);
  return d.getFullYear()+'-'+z(d.getMonth()+1) + '-' + z(d.getDate());
}

window.onload = function() {
  let inp = document.querySelector('#datepicker1');
  let d = new Date();
  inp.min = formatISOLocal(d);
  inp.defaultValue = inp.min;
  d.setFullYear(d.getFullYear() + 1);
  inp.max = formatISOLocal(d);
  // Debug
  console.log(inp.outerHTML);
}

</script>

并在此处链接到 Fiddle

4

0 回答 0