重置输入类型日期值 ReactJS答案

【问题标题】：Reset input type date value ReactJS重置输入类型日期值 ReactJS
【发布时间】：2021-07-30 07:05:47
【问题描述】：

我的项目中有一个日期选择器，旁边有一个重置按钮，用户从日期选择器中选择日期后，日期选择器将显示所选日期。 See this image if you have dont get it yet

我想要的是通过单击重置按钮将日期值重置回this。

这是我的code

我确实使用 useState 钩子 onClick 按钮将值设置回 null，使用 useRef 钩子，但没有任何效果。有什么帮助吗？

【问题讨论】：

设置empty string而不是null是否有效？
mm/dd/yyyy 是占位符吗？
@Codenewbie 我没有描述占位符，所以我认为这是默认占位符。我确实设置为空字符串，仍然无法正常工作。
如果您添加一个工作示例会更好....为此使用codesandbox，stackblitz

标签： javascript reactjs datepicker

【解决方案1】：

您使用哪个日期选择器包？此示例适用于 react-datepicker：

import DatePicker from "react-datepicker";

const [dateValue, setDateValue] = useState(null);

<DatePicker
    selected={dateValue}
    onChange={d => setDateValue(d)}
/>
<button onClick={() => setDateValue(null)}>Reset</button>

【讨论】：

我没有使用任何库，我使用输入类型 date html5 标签，但感谢 react-datepicker 的建议