如何解析 React Js 中的最小和最大日期輸入？

Question

我創建了一個 function，它返回當前日期的減法或加法，並將結果設置為日期輸入的最小值或最大值：

我的 function：

  SubDate = (subDay) => {
    let tgDate = new Date();
    tgDate.setDate(tgDate.getDate() + subDay)
    return tgDate.toLocaleDateString();
  }

我的輸入：

<input type="date" id="dateInput" min={this.SubDate(-7)} max={this.SubDate(7)} />

function 正在工作。 在導航器的檢查器中，我看到輸入的min和max如下所示：

<input type="date" id="dateInput" min="13/09/2020" max="27/09/2020">

但是當我嘗試 select 一個日期時，它不會阻止我選擇最小日期和最大日期。

我可以解決嗎？ 或使用DateTimePicker代替。

謝謝你。

Answer 1

我不確定您是否最終解決了這個問題，但僅供參考，

var today = new Date().toISOString().split('T')[0];
<input type="date"  onChange={this.handleChange} max={today} />