Infragistics Ignite UI for React Calendar

Infragistics排程與規劃工具JavaScript

具備多重選取與檢視選項的彈性 React 行事曆元件。

  • 支援單選、多選與範圍日期選取，應用更具彈性。
  • 提供日、月與年檢視，並可自訂導覽控制項。
  • 包含鍵盤導覽、週次編號與樣式自訂選項。
Infragistics logo

起價:

載入中...
包含在以下產品
Infragistics Ignite UI for React載入中
Infragistics Ignite UI載入中
Infragistics Professional載入中
Infragistics Ultimate載入中
需要幫助選擇嗎？ 請查看 如何購買 和 規格
Infragistics Ignite UI for React Calendar 產品圖片
Infragistics Ignite UI for React Calendar 提供直覺式介面，可跨日、月與年顯示日期。它支援各種日期選取模式，允許限制可導覽的日期範圍，並包含鍵盤導覽等無障礙功能。其彈性的設計適合需要詳細日期輸入與顯示功能的應用程式。

多重選取模式

可從單選、多選或範圍選取中擇一，以符合不同使用者需求。可透過屬性變更選取模式，讓使用者選取一個或多個日期，或日期範圍。

檢視切換

可輕鬆在日、月與年檢視之間切換，以不同細節層級顯示日期。作用中的檢視可由程式控制，或由使用者變更。

日期範圍限制

設定允許的最小與最大日期，以將行事曆導覽限制在特定期間內，確保使用者選取有效日期。

顯示週次編號

可選擇在行事曆旁顯示週次編號，以提供額外的日期脈絡，增強排程介面。

顯示多個月份

可在水平或垂直方向一次顯示超過一個月份，以呈現延伸行事曆或比較跨月日期。

鍵盤導覽與無障礙

可使用鍵盤按鍵在月份、年份與日期之間移動，支援無障礙標準並提升可用性。

可自訂樣式

利用公開的 CSS 部件為行事曆幾乎所有內部元素設計樣式，包括標題、日期、導覽按鈕與選取高亮。

事件處理

當使用者修改所選日期時，監聽變更事件，讓應用程式狀態與其他元件保持同步。

大小與版面配置控制

透過 CSS 變數調整行事曆元素的大小與間距，將行事曆無縫整合至各種 UI 設計中。

產品相容性

請查看以下詳細資訊，以確保此產品在您的環境中受支援。

元件類型

  • JavaScript

JavaScript 平台

  • React
  • Vanilla JavaScript