将日期类型的变量设置为 HTML 日期输入字段中的值答案

【问题标题】：Set a variable of Date type as value in a HTML date input field将日期类型的变量设置为 HTML 日期输入字段中的值
【发布时间】：2019-12-21 17:55:34
【问题描述】：

我从我的服务器获取一个日期类型为 Date 的日期。我将其保存在我的状态中，并尝试将其用作日期输入中的值，如下所示：

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

我收到一个错误，因为我无法将日期分配给 int。有什么地方可以解决这个问题吗？或者使用另一个实际支持日期格式的表单/输入字段。

【问题讨论】：

【解决方案1】：

尝试使用

将其转换为字符串

this.state.changeEndDate.toString();

【讨论】：

【解决方案2】：

试试这个。注意日期对象构造函数参数See doc here

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

【讨论】：

【解决方案3】：

也值得一试

{{this.state.changeEndDate | date}}

【讨论】：