仅显示今天和未来几天的日期以在 html 输入类型中选择日期

Question

<label class="whitetext">Select Date:</label>
<input type="date" class="form-control" name="pickup_date" required>

我在我的html文件中有这个输入字段。我想让它这样，用户可以选择一个日期从今天开始，而不是过去的日期。我认为可以使用min，但我不知道如何将min设置为今天的日期。

示例——>如果今天是2021年10月27日，那么只有日期27日和所有未来的日期被接受作为输入，或者过去的日期被取消或不可选或其他。

Answer 1

你可以使用setAttribute来设置最小值。

let today = new Date()
let year = today.getFullYear()
let month = today.getMonth() + 1 // the months are indexed starting with 0
let date = today.getDate()
let dateStr = `${year}-${month}-${date}`
let input = document.querySelector('[name=pickup_date]')
input.setAttribute('min', dateStr)