v3.1.0
💢 사용 예제

biletiki.vanilla-calendar.pro 는 항공권과 호텔을 검색하는 사이트의 예시입니다.

Vanilla Calendar Pro 소개

Vanilla Calendar Pro는 날짜와 시간을 다루기 위한 강력하고 유연하며 가벼운 도구로, 웹 애플리케이션이나 웹사이트에서 기능적이고 쉽게 커스터마이징 가능한 캘린더가 필요한 개발자를 위해 만들어졌습니다. 외부 라이브러리에 의존하지 않고 성능이 뛰어나, 캘린더가 필요한 어떤 프로젝트에도 훌륭하게 통합할 수 있습니다.

이 캘린더는 개인 사이트, 기업 포털, 복잡한 웹 애플리케이션 등 다양한 프로젝트를 만드는 개발자를 대상으로 설계되었습니다. Vanilla Calendar Pro는 간단한 날짜 표시 솔루션을 찾는 분들에게도, 시간 선택이나 인터랙티브 액션 같은 고급 기능이 필요한 분들에게도 적합합니다.

주요 기능

Vanilla Calendar Pro는 편리하고 적응적인 캘린더 위젯을 만들 수 있도록 풍부한 기능을 제공합니다.

주요 기능은 다음과 같습니다:

  • 가벼움: 최종 JavaScript 파일이 최소화 및 최적화되어 빠르게 로드됩니다.
  • 의존성 없음: 완전히 독립적이며 추가 라이브러리가 필요 없습니다.
  • 손쉬운 로컬라이징: 어떤 언어든 쉽게 로컬라이징할 수 있습니다.
  • 커스터마이징 가능: CSS와 HTML 마크업을 통해 손쉽게 설정할 수 있습니다.
  • 다중 인스턴스: 한 페이지에 제한 없이 여러 캘린더를 사용할 수 있습니다.
  • 테마 지원: 라이트/다크 테마를 자동 전환하고 사용자 지정 테마도 지원합니다.
  • 주 시작일 설정: 주의 시작 요일을 자유롭게 선택할 수 있습니다.
  • 주말 설정: 각 주의 주말을 사용자 지정할 수 있습니다.
  • 주 번호 표시: 연중 주 번호를 표시할 수 있습니다.
  • <input>에 종속되지 않음: 많은 캘린더와 달리 <input> 요소에 제한되지 않습니다.
  • 접근성: ARIA 라벨, tabindex, 키보드 네비게이션을 제공해 접근성을 강화합니다.
  • 날짜 및 시간 범위 선택: 최소/최대 제한을 포함한 날짜 및 시간 범위 선택을 지원합니다.
  • 팝업 및 툴팁: 선택한 날짜에 대한 정보를 팝업으로 표시하고 날짜 범위 선택에 대한 툴팁을 추가할 수 있습니다.

Vanilla Calendar Pro 체험하기

아래는 JS 샌드박스에서 실행되는 Vanilla Calendar Pro 라이브 예제입니다. 파라미터를 수정하면 캘린더가 설정에 맞게 즉시 어떻게 바뀌는지 확인할 수 있습니다.

이 데모 예제 — 이 섹션의 여러 예제 중 하나 — 는 Vanilla Calendar Pro를 사용하고 원하는 대로 커스터마이징하는 방법을 이해하는 데 도움이 됩니다.

다음 섹션에서 Vanilla Calendar Pro를 성공적으로 통합하고 설정하는 데 필요한 모든 내용을 확인할 수 있습니다.

소개 | Vanilla Calendar Pro