跳到内容

PickersLayoutAPI

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

演示

导入

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

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

属性

名称类型默认值描述
isRtl*bool-

如果应用程序是从右到左方向，则为 true。

classesobject-

覆盖或扩展应用于组件的样式。

有关更多详细信息，请参见下面的 CSS 类 API。

orientation'landscape'
| 'portrait'		-

强制以特定方向渲染。

slotPropsobject{}

用于每个组件插槽的属性。

slotsobject{}

可覆盖的组件插槽。

有关更多详细信息，请参见下面的 插槽 API。

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

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

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

该组件无法持有 ref。

插槽

插槽名称类名默认组件描述
actionBar.MuiPickersLayout-actionBarPickersActionBar操作栏的自定义组件，它位于选择器视图下方。
layout用于包装布局的自定义组件。它包装了工具栏、视图、操作栏和快捷方式。
shortcuts.MuiPickersLayout-shortcutsPickersShortcuts快捷方式的自定义组件。
tabs.MuiPickersLayout-tabs启用在视图之间切换的标签页。
toolbar.MuiPickersLayout-toolbar工具栏的自定义组件。它位于选择器视图上方。

CSS 类

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

类名规则名称描述
.MuiPickersLayout-contentWrappercontentWrapper应用于 contentWrapper 元素（包含标签页和视图本身）的样式。
.MuiPickersLayout-landscapelandscape应用于横向方向的根元素的样式。
.MuiPickersLayout-rootroot应用于根元素的样式。

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

源代码

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