DatePickerToolbarAPI

React DatePickerToolbar 元件的 API 參考文件。瞭解此匯出模組的 props、CSS 和其他 API。

示範

如需此 React 元件用法的範例和詳細資訊，請造訪元件示範頁面

自訂插槽和子元件

匯入

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

閱讀這份關於最小化套件大小的指南，以瞭解差異。

Props

名稱	類型	預設	描述
onViewChange*	func	-	點擊工具列時呼叫的回呼函數簽名：`function(view: TView) => void` `view` 要開啟的檢視
view*	'day' \| 'month' \| 'year'	-	目前可見的選擇器檢視。
views*	Array<'day' \| 'month' \| 'year'>	-	可用的檢視。
classes	object	-	覆寫或擴充套用至元件的樣式。請參閱下方CSS 類別 API 以瞭解更多詳細資訊。
hidden	bool	桌上型電腦為 `true`，行動裝置為 `false`。	如果 `true`，即使在桌上型電腦模式下也顯示工具列。
sx	Array<func \| object \| bool> \| func \| object	-	系統屬性，允許定義系統覆寫以及其他 CSS 樣式。請參閱 `sx` 頁面以瞭解更多詳細資訊。
toolbarFormat	string	-	工具列日期格式。
toolbarPlaceholder	node	"––"	工具列值預留位置 — 當值為空時顯示。

元件無法持有 ref。

CSS 類別

這些類別名稱對於使用 CSS 設定樣式很有用。當觸發特定狀態時，它們會套用至元件的插槽。

類別名稱	規則名稱	描述
.MuiDatePickerToolbar-root	root	套用至根元素的樣式。
.MuiDatePickerToolbar-title	title	套用至標題元素的樣式。

您可以使用以下自訂選項之一覆寫元件的樣式

使用全域類別名稱。
在自訂佈景主題中使用規則名稱作為元件的 styleOverrides 屬性的一部分。

原始碼

如果您在本頁中找不到資訊，請考慮查看元件的實作以瞭解更多詳細資訊。