如何使用MUI DatePicker在打开时显示minDate



我使用react.js,并且有两个相邻的MUI DatePicker组件。一种是选择一个截止日期,另一种选择一个只能在截止日期之后的日期。我已经将开始组件的minDate设置为截止日期的值,因此无法在截止日期之前选择日期。这是有效的,但日历总是在当前月份打开,即使minDate在几个月后。

有没有办法更改DatePicker日历打开的日期?

编辑:感谢@Gucal在下面的回答,我找到了解决方案。我想我之前没有足够彻底地阅读文档,因为我错过了defaultCalendarMonth道具。我只是简单地将deadlineValue设置为defaultCalendarMonth,它就起作用了!

首先将更改保存在DatePicker中,您可以在其中选择状态的截止日期。对于第二个DatePicker,将处于状态的月份之后的月份指定为defaultValue={}

示例:

const [selectedDate, setSelectedDate] = useState();

//Then update the datepicker default value
defaultValue={Date(selectedDate.getFullYear(), selectedDate.getMonth() + 1, 1)}

最新更新