DateTimeRangePickerTabsAPI
React DateTimeRangePickerTabs 元件的 API 參考文件。瞭解這個匯出模組的 props、CSS 和其他 API。
示範
導入
import { DateTimeRangePickerTabs } from '@mui/x-date-pickers-pro/DateTimeRangePicker';
// or
import { DateTimeRangePickerTabs } from '@mui/x-date-pickers-pro';閱讀這篇關於最小化 bundle 大小的指南，以瞭解差異。
| 名稱 | 類型 | 預設 | 描述 |
|---|---|---|---|
| onViewChange* | func | - | 當點擊標籤頁時呼叫的回呼函式。 簽名： function(view: TView) => void
|
| view* | 'day' | 'hours' | 'meridiem' | 'minutes' | 'month' | 'seconds' | 'year' | - | 目前可見的選擇器檢視。 |
| classes | object | - | 覆寫或擴展應用於元件的樣式。 請參閱下方的 CSS 類別 API 以取得更多詳細資訊。 |
| dateIcon | element | DateRangeIcon | 日期標籤頁圖示。 |
| sx | Array<func | object | bool> | func | object | - | 允許定義系統覆寫以及額外 CSS 樣式的系統 prop。 請參閱 `sx` 頁面 以取得更多詳細資訊。 |
| timeIcon | element | TimeIcon | 時間標籤頁圖示。 |
此元件無法持有 ref。
這些類別名稱對於使用 CSS 設定樣式很有用。當特定狀態被觸發時，它們會被應用到元件的 slots。
| 類別名稱 | 規則名稱 | 描述 |
|---|---|---|
| .MuiDateTimeRangePickerTabs-filler | filler | 應用於 filler 元素的樣式，用於取代導航箭頭顯示。 |
| .MuiDateTimeRangePickerTabs-navigationButton | navigationButton | 應用於標籤頁導航按鈕元素的樣式。 |
| .MuiDateTimeRangePickerTabs-root | root | 應用於 root 元素的樣式。 |
| .MuiDateTimeRangePickerTabs-tabButton | tabButton | 應用於標籤頁按鈕元素的樣式。 |
您可以使用以下其中一種自訂選項來覆寫元件的樣式
- 使用 全域類別名稱。
- 在自訂主題中使用規則名稱作為元件
styleOverrides屬性 的一部分。
原始碼
如果您在此頁面中找不到資訊，請考慮查看元件的實作以取得更多詳細資訊。