material-ui - Material UI - 添加 "Today"按钮到 <DatePicker/>

标签 material-ui

我需要一个“今天”按钮,如下图所示,位于红色标记区域(或其他地方)的某处。我正在使用 material-ui v5,我也尝试添加 Prop showTodayButton 但似乎什么也没做......

enter image description here

最佳答案

bhugo313 提到的 bug 现在已经修复了,但是文档对如何添加“今天”按钮不是很清楚。

您需要通过componentsProp 提供一个actionBar 对象:

import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";

<DateTimePicker
    /* ... other props */
    componentsProps={{
       actionBar: { actions: ["clear", "today", "cancel", "accept"] },
    }}
/>

关于material-ui - Material UI - 添加 "Today"按钮到 <DatePicker/>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69008525/

相关文章:

reactjs - 如何在属性为 "true"时更改样式

reactjs - 如何将 MenuItem 用作 NavLink?

reactjs - 带有图标的 Material ui自动完成

html - autoComplete "on"在 ReactJs 表单中不起作用

reactjs - 如何更改 Material UI 自动完成弹出框的宽度

reactjs - 除 Box 外,对 Material-ui 组件使用样式函数

javascript - 尝试使用 JSON 数据填充卡片时,获取元素类型无效错误

reactjs - Material UI - 自动完成样式

reactjs - material-ui v1.0 中的抽屉不适用于 typescript

javascript - MUI 自动导入建议在 VS Code、Next.js 13 项目中不起作用