如何删除 DatePicker 材质 UI 中的默认选定日期？答案

【问题标题】：How to remove default selected date in DatePicker materialUI?如何删除 DatePicker 材质 UI 中的默认选定日期？
【发布时间】：2020-09-26 10:01:34
【问题描述】：

我在我的项目https://material-ui-pickers.dev/demo/datepicker 中使用日期选择器，我使用了没有年份选择的日历。当我第一次通过单击文本框打开日历时，我不想选择今天的日期并希望它像这样为空（show calendar）。但是，如果我选择任何日期并关闭日历，那么所选日期应该保留并且不应该被清除。谁能帮助我如何实现这一目标？

const [selectedDate, handleDateChange] = useState(new Date());

<DatePicker
  disableToolbar
  variant="inline"
  label="Only calendar"
  helperText="No year selection"
  value={selectedDate}
  onChange={handleDateChange}
 />

【问题讨论】：

能否将您已经尝试的代码添加到问题中？
我添加了示例代码，我已将 selectedDate 状态变量设置为 null，但直到日期显示为选中。你能提供任何解决方案吗？

标签： reactjs material-ui

【解决方案1】：

由于您没有提供示例代码，我认为您已将状态变量默认设置为当前日期，如示例中所示：

const [selectedDate, handleDateChange] = useState(new Date());

我建议尝试将其设置为null 例如：

const [selectedDate, handleDateChange] = useState(null);

【讨论】：

感谢您的回复。我尝试了您的解决方案，但它不起作用它仍然在日历上显示以绿色选择的默认日期