DevExtreme Vue Calendar

DevExpress일정 관리 및 계획 도구JavaScript

유연하고 사용자 지정 가능한 날짜 선택을 위한 Vue 구성 요소.

  • 단일, 복수 또는 범위 날짜 선택을 지원합니다.
  • 월부터 세기까지의 확대/축소 수준을 사용자 지정할 수 있습니다.
  • 날짜 비활성화 및 오늘 버튼과 같은 기능을 포함합니다.
DevExpress logo

가격:

로딩 중...
다음에서 사용 가능
DevExtreme Complete로딩 중
DevExpress DXperience로딩 중
DevExpress Universal로딩 중
DevExpress VCL Subscription +로딩 중
선택에 도움이 필요하신가요? 구매 방법과 사양을 확인하세요.
DevExtreme Vue Calendar 제품 이미지
DevExtreme Vue Calendar는 설정된 경계 내에서 효율적으로 날짜를 선택하도록 설계된 UI 구성 요소입니다. 사용자 지정 가능한 보기, 선택 모드, 시각적 템플릿을 제공하여 정확하고 유연한 캘린더 상호 작용이 필요한 애플리케이션에 이상적입니다.

날짜 범위 선택

사용자가 미리 정의된 최소 및 최대 날짜 경계 내에서 날짜를 선택하여 사용 가능한 선택 항목을 제어할 수 있습니다.

다양한 선택 모드

단일, 복수, 범위 날짜 선택을 지원하여 다양한 사용자 요구를 충족합니다.

사용자 지정 가능한 보기

월, 년, 10년, 세기 수준을 포함한 확대/축소 수준을 제공하며, 최소 및 최대 수준을 구성할 수 있습니다.

비활성 날짜 구성

배열 또는 사용자 지정 함수를 통해 특정 날짜나 날짜 패턴을 비활성화하여 해당 날짜의 사용자 선택을 방지할 수 있습니다.

오늘 버튼

선택적으로 현재 날짜를 빠르게 선택할 수 있는 버튼을 표시합니다.

주 번호 표시

로캘 또는 사용자 지정 로직에 따른 다양한 계산 규칙을 사용하여 주 번호가 표시된 열을 보여줄 수 있습니다.

셀 외형 사용자 지정

휴일 또는 특별한 날짜를 강조 표시하는 등의 스타일링을 가능하게 하는 사용자 지정 셀 템플릿을 지원합니다.

접근성 및 키보드 지원

사용성을 위해 포커스 관리, 탭 탐색, 접근 가능한 ARIA 속성을 포함합니다.

이벤트 처리

초기화, 제거, 속성 변경, 값 변경에 대한 이벤트를 발생시켜 애플리케이션 로직과 통합할 수 있습니다.

전역 속성 및 테마

추가 HTML 속성을 허용하고 일관된 UI 통합을 위한 테마를 지원합니다.

제품 호환성

아래의 세부 정보를 확인하여 이 제품이 사용 환경에서 지원되는지 확인하세요.

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Vue.js