PickersShortcutsAPI

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

示範

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

匯入

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

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

Props

名稱	類型	預設	描述
changeImportance	'accept' \| 'set'	"accept"	選取快捷方式時變更的重要性：- 'accept'：觸發 `onChange`、觸發 `onAccept` 並關閉選擇器。- 'set'：觸發 `onChange` 但不觸發 `onAccept` 且不關閉選擇器。
dense	布林值	false	如果為 `true`，則列表和列表項目會使用專為鍵盤和滑鼠輸入設計的精簡垂直邊距。此 prop 作為 `dense` context 提供給後代元件。
disablePadding	布林值	false	如果為 `true`，則會從列表中移除垂直邊距。
items	Array<{ getValue: func, id?: string, label: string }>	[]	要顯示的快捷方式的排序陣列。如果為空，則不顯示快捷方式。
subheader	節點	-	subheader 的內容，通常為 `ListSubheader`。
sx	Array<func \| 物件 \| 布林值> \| func \| 物件	-	系統 prop，允許定義系統覆寫以及其他 CSS 樣式。請參閱 `sx` 頁面以取得更多詳細資訊。

元件無法持有 ref。

CSS 類別

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

類別名稱	規則名稱	描述
.MuiPickersShortcuts-dense	dense	如果為 dense，則套用至根元素的樣式。
.MuiPickersShortcuts-padding	padding	除非 `disablePadding={true}`，否則套用至根元素的樣式。
.MuiPickersShortcuts-root	root	套用至根元素的樣式。
.MuiPickersShortcuts-subheader	subheader	如果提供了 `subheader`，則套用至根元素的樣式。

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

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

原始碼

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