DateTimeRangePickerToolbarAPI
React DateTimeRangePickerToolbar 組件的 API 參考文檔。 了解此導出模組的 props、CSS 和其他 API。
示範
導入
import { DateTimeRangePickerToolbar } from '@mui/x-date-pickers-pro/DateTimeRangePicker';
// or
import { DateTimeRangePickerToolbar } from '@mui/x-date-pickers-pro';閱讀這份關於最小化 bundle 大小的指南，了解差異之處。
| 名稱 | 類型 | 預設值 | 描述 |
|---|---|---|---|
| onViewChange* | func | - | 單擊工具列時調用的回調 簽名: function(view: TView) => void
|
| view* | 'day' | 'hours' | 'meridiem' | 'minutes' | 'seconds' | - | 當前可見的選擇器檢視。 |
| views* | Array<'day' | 'hours' | 'meridiem' | 'minutes' | 'seconds'> | - | 可用的檢視。 |
| classes | object | - | 覆蓋或擴展應用於組件的樣式。 有關更多詳細資訊，請參閱下面的 CSS 類別 API。 |
| sx | Array<func | object | bool> | func | object | - | 允許定義系統覆蓋以及其他 CSS 樣式的系統 prop。 有關更多詳細資訊，請參閱 `sx` 頁面。 |
| toolbarFormat | string | - | 工具列日期格式。 |
| toolbarPlaceholder | node | "––" | 工具列值預留位置——當值為空時顯示。 |
該組件不能持有 ref。
這些類別名稱對於使用 CSS 進行樣式設定很有用。 當觸發特定狀態時，它們會應用於組件的插槽。
| 類別名稱 | 規則名稱 | 描述 |
|---|---|---|
| .MuiDateTimeRangePickerToolbar-endToolbar | endToolbar | 應用於結束工具列元素的樣式。 |
| .MuiDateTimeRangePickerToolbar-root | root | 應用於根元素的樣式。 |
| .MuiDateTimeRangePickerToolbar-startToolbar | startToolbar | 應用於開始工具列元素的樣式。 |
您可以使用以下自訂選項之一來覆蓋組件的樣式
- 使用全域類別名稱。
- 使用規則名稱作為自訂主題中組件的 `styleOverrides` 屬性的一部分。
原始碼
如果您在此頁面中找不到資訊，請考慮查看組件的實現以獲取更多詳細資訊。