在 Material UI 中显示可用日期的静态（只读）日历答案

【问题标题】：Static (read only) calendar displaying available dates in Material UI在 Material UI 中显示可用日期的静态（只读）日历
【发布时间】：2021-03-23 07:05:00
【问题描述】：

当您使用Material UI pickers 查看公寓及其可用性时，有没有办法实现显示可用日期的静态只读日历？

我尝试过使用 StaticDatePicker：

     <StaticDatePicker
        disablePast
        displayStaticWrapperAs="desktop"
        disabled
        openTo="date"
        value={value}
        renderInput={(props) => <TextField {...props} />}
        pickerProps={{ readOnly: true }}
      />

但是，它仍然允许从该日历中选择某个日期...我希望它只显示，显示哪些日期已被采用以及哪些可用

类似这样的显示可用和禁止日期，同时不允许用户选择任何日期（只读）Example

【问题讨论】：

标签： datepicker material-ui

【解决方案1】：

您可以使用 - shouldDisableDate 处理程序来禁止除允许日期之外的所有日期： https://v4-0-0-alpha-12.material-ui-pickers.dev/api/DatePicker

【讨论】：

谢谢 :) 确实如此。我即将使用它，但它仍然允许用户从该日历中选择一些日期，我只想在日历上显示禁止日期，不允许选择其中任何一个。 我用示例更新了我的问题