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