动态datePicker在材料ui Reactjs

Question

我有一个问题，我不能在日期选择器中制作实际日期。我有一个状态中的日期字符串数组。我只需要把这些日期放在日期选择器中，这样只有这些日期可以点击，请问我该怎么做?

日期数组:

数据我想怎么做的一个例子:

日历示例

我有一个默认的日期picker从MUI https://codesandbox.io/s/v0xqj0?file=/demo.js

我尝试使用谷歌，通过renderday尝试，但到目前为止它没有工作。发生的最大值是，这很有趣))

我的结果

Answer 1

你可以使用"shouldDisableDate"禁用某些日期，并传递一个函数，如果该值不在日期数组中，该函数将返回true。

文档中有一个示例:https://mui.com/x/react-date-pickers/date-picker/

我fork了你的codesandbox，你可以这样做:https://codesandbox.io/s/hardcore-yonath-kvk59t?file=/demo.js:917-921

Answer 2

也许这将派上用场的人…
参数在DesktopDatePicker帮助我-

shouldDisableDate={getData} 

和

const getData = (data) => {
dates.map((value) => {
some action...
})
}