javascript - 设置 minDate 以避免在 html 输入中选择开始日期之前的结束日期

Question

有没有办法不使用日期选择器，只使用输入type=date来设置最小日期，以防止用户在开始日期之前选择结束日期？我正在使用引导管理主题：SB Admin 2。

    <div>
        <label> Start Date</label>
        <input type="date" id="from">
    </div>
    
    <div class="form-group" >
        <label>End Date</label>
        <input type="date" id="to">
    </div>

标签： javascripthtml

Answer 1

<div>
        <label> Start Date</label>
        <input type="date" id="from" value="2021-01-01"
       min="2018-01-01" max="2018-12-31" disabled>
    </div>
    
    <div class="form-group" >
        <label>End Date</label>
        <input type="date" id="to" value="2021-07-22"
       min="2018-01-01" max="2018-12-31" disabled>
    </div>