跳到内容

PickersShortcutsAPI

React PickersShortcuts 组件的 API 参考文档。了解此导出模块的属性、CSS 和其他 API。

演示

导入

import { PickersShortcuts } from '@mui/x-date-pickers/PickersShortcuts';
// or
import { PickersShortcuts } from '@mui/x-date-pickers';
// or
import { PickersShortcuts } from '@mui/x-date-pickers-pro';

通过阅读这篇关于最小化 bundle size 的指南，了解它们之间的区别。

属性

名称类型默认值描述
changeImportance'accept'
| 'set'		"accept"

选择快捷方式时更改的重要性：- “accept”：触发 onChange，触发 onAccept 并关闭选择器。- “set”：触发 onChange 但不触发 onAccept，并且不关闭选择器。

denseboolfalse

如果为 true，则列表和列表项使用专为键盘和鼠标输入设计的紧凑型垂直内边距。该属性作为 dense 上下文提供给后代组件。

disablePaddingboolfalse

如果为 true，则从列表中删除垂直内边距。

itemsArray<{ getValue: func, id?: string, label: string }>[]

要显示的快捷方式的有序数组。如果为空，则不显示快捷方式。

subheadernode-

子标题的内容，通常为 ListSubheader。

sxArray<func
| object
| bool>
| func
| object		-

允许定义系统覆盖以及其他 CSS 样式的系统属性。

有关更多详细信息，请参阅 `sx` 页面。

该组件不能持有 ref。

CSS 类

这些类名对于使用 CSS 进行样式设置非常有用。当触发特定状态时，它们将应用于组件的插槽。

类名规则名称描述
.MuiPickersShortcuts-densedense如果 dense，则应用于根元素的样式。
.MuiPickersShortcuts-padding内边距除非 disablePadding={true}，否则应用于根元素的样式。
.MuiPickersShortcuts-root根应用于根元素的样式。
.MuiPickersShortcuts-subheadersubheader如果提供了 subheader，则应用于根元素的样式。

您可以使用以下自定义选项之一来覆盖组件的样式

  • 使用全局类名。
  • 在自定义主题中，将规则名称作为组件的 styleOverrides 属性的一部分。

源代码

如果您在此页面中没有找到所需信息，请考虑查看组件的实现以获取更多详细信息。