html - “日期”类型的输入不显示新值

Question

我有一个“日期”类型的输入：

<input type="date" value="2016-08-16"/>

当我加载页面时，我可以看到选择了指定的日期。

但是，如果我尝试选择另一个日期 - 例如 2016 年 8 月 11 日 - 输入中的值不会更新，并且始终是 2016 年 8 月 16 日。

我正在 Chrome 版本 53.0.2785.116（64 位）中测试页面。我错过了元素声明中的某些内容吗？

Answer 1

您需要使用变量处理输入值。

let inputDate = "2021-06-18";

const handleChange = (event) => {
  inputDate = event.target.value;
} 

<input type="date" value=inputDate onChange={handleChange}/>