在HTML日期輸入字段中將Date類型的變量設置為值

Question

我從服務器上獲得了一個帶有日期類型的日期。 我將其保存為我的狀態，並嘗試將其用作日期輸入中的值，如下所示：

<input type="date"
       id="start"
       name="trip-start"
       value={this.state.changeEndDate}
       min="2018-01-01" />

我收到錯誤消息，因為無法將日期分配給int。 我可以解決這個問題嗎？ 或使用實際支持日期格式的另一個表單/輸入字段。

Answer 1

只需嘗試使用將其轉換為字符串

this.state.changeEndDate.toString();

Answer 2

也值得嘗試

{{this.state.changeEndDate | date}}

Answer 3

嘗試這個。 注意日期對象構造器參數， 請參閱此處的文檔

<input
  type="date"
  id="start"
  name="trip-start"
  value={new Date(this.state.changeEndDate)}
  min="2018-01-01" />