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

Question

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

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

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

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

我正在 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} />