如何在 React MUI v5.2.2 的 StaticDatePicker 中禁用视图按钮？答案

【问题标题】：How to disable views button in StaticDatePicker in React MUI v5.2.2?如何在 React MUI v5.2.2 的 StaticDatePicker 中禁用视图按钮？
【发布时间】：2021-12-10 05:40:38
【问题描述】：

如何在 React MUI v5 的 StaticDatePicker 中禁用视图按钮？

问题是我们已经禁用了一些天，并且它们在选择器视图中受到尊重。但是如果你点击铅笔图标，它的组件如下图所示

在这种模式下，用户可以选择任何破坏我们应用程序的日期。

我们如何禁用视图按钮？如果我们不能，那么我们如何确保用户不能选择任何日期？

【问题讨论】：

标签： reactjs material-ui

【解决方案1】：

在您的代码中添加下面的 CSS。这只是普通用户的快速修复。专业人士/黑客仍然可以从他们的浏览器更改此属性并访问该按钮。

   .PrivateDatePickerToolbar-penIcon {
      visibility: hidden
    }

现场演示

【讨论】：