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

【问题标题】：Input with type "date" doesn't display new value“日期”类型的输入不显示新值
【发布时间】：2017-02-04 10:57:44
【问题描述】：

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

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

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

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

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

【问题讨论】：

这可能是有用的：Datepicker does not update input field upon selecting date
嗨@showdev 谢谢你的链接。我知道如果您使用 web-inspector 进行检查，输入的“值”属性将不会更新。但是，我希望页面上显示的值（对用户可见）应该具有您刚刚选择的值。
好的，我明白了。不幸的是，我无法重现该问题。

标签： html google-chrome html5-input-date

【解决方案1】：

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

let inputDate = "2021-06-18";

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

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

【讨论】：