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