PickersRangeCalendarHeaderAPI
React PickersRangeCalendarHeader 组件的 API 参考文档。了解此导出模块的 props、CSS 和其他 API。
演示
导入
import { PickersRangeCalendarHeader } from '@mui/x-date-pickers-pro/PickersRangeCalendarHeader';
// or
import { PickersRangeCalendarHeader } from '@mui/x-date-pickers-pro';通过阅读此关于最小化 bundle size 的指南，了解它们之间的区别。
原生组件的 Props 也可用。
| 名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| calendars* | 1 | 2 | 3 | - | 渲染的日历数量。 |
| month* | object | - | 此标题使用的月份。 |
| monthIndex* | number | - | 此标题使用的月份的索引。 |
| classes | object | - | 覆盖或扩展应用于组件的样式。 有关更多详细信息，请参阅下面的CSS 类 API。 |
| format | string | `${adapter.formats.month} ${adapter.formats.year}` | 用于显示日期的格式。 |
| labelId | string | - | 日历文本元素的 Id。它用于与日历 |
| slotProps | object | {} | 用于每个组件插槽的 props。 |
| slots | object | {} | 可覆盖的组件插槽。 有关更多详细信息，请参阅下面的插槽 API。 |
| sx | Array<func | object | bool> | func | object | - | 允许定义系统 overrides 以及其他 CSS 样式的系统 prop。 有关更多详细信息，请参阅 |
ref 被转发到根元素。这些类名对于使用 CSS 进行样式设置很有用。当触发特定状态时，它们将应用于组件的插槽。
| 类名 | 规则名称 | 描述 |
|---|---|---|
| .MuiPickersRangeCalendarHeader-label | label | 应用于 label 元素的样式。 |
| .MuiPickersRangeCalendarHeader-labelContainer | labelContainer | 应用于 label 容器元素的样式。 |
| .MuiPickersRangeCalendarHeader-root | root | 应用于根元素的样式。 |
| .MuiPickersRangeCalendarHeader-switchViewButton | switchViewButton | 应用于 switch view button 元素的样式。 |
| .MuiPickersRangeCalendarHeader-switchViewIcon | switchViewIcon | 应用于 switch view icon 元素的样式。 |
您可以使用以下自定义选项之一覆盖组件的样式
- 使用全局类名。
- 使用规则名称作为自定义主题中组件的
styleOverrides属性的一部分。
源代码
如果您在此页面中找不到所需信息，请考虑查看组件的实现以获取更多详细信息。