如何在DatePicker materialUI中删除默认的选定日期?

时间:2020-06-07 12:10:17

标签: reactjs material-ui

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

1 个答案:

答案 0 :(得分:2)

因为您没有提供示例代码,所以我认为您已将状态变量default设置为当前日期,如示例中所示:

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

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

const [selectedDate, handleDateChange] = useState(null);
相关问题