[해피CGI][cgimall] 인터랙티브 Bootstrap 5 이벤트 캘린더 플러그인 - jQuery bs-calendar

# 설명

 

bsCalendar는 최신 Bootstrap 5 프레임워크를 사용하여 디자인된 반응형, 맞춤 설정 가능한 모든 기능을 갖춘 이벤트 캘린더를 만들 수 있는 간단하면서도 강력한 jQuery 플러그인입니다.

이 프로그램은 캘린더 그리드 렌더링 , 캘린더 보기 전환, 기본 현지화 및 백엔드에서 이벤트 데이터 가져오기와 같은 기본 사항을 잘 처리합니다.

탐색, 이벤트 추가(빈 영역 클릭), 기존 이벤트 상호 작용(클릭하여 업데이트 / 삭제)을 위한 컨트롤이 제공됩니다. 

  

   
   
# 라이센스

 

MIT 라이센스

 

 

# 주요특징

 

- Bootstrap 5 기반: Bootstrap의 그리드, 컴포넌트 및 스타일링을 사용하여 일관된 디자인을 제공합니다.

- 다양한 보기 모드: 일별, 주별, 월별, 연도별 보기 모드를 전환할 수 있습니다.

- 동적 데이터 로딩: 옵션을 사용하여 백엔드 API에서 약속/이벤트를 가져옵니다 url.

- 대화형 이벤트: 빈 셀을 클릭하여 이벤트를 추가하고, 기존 이벤트를 클릭하여 업데이트/삭제할 수 있습니다(사용자 지정 처리 필요).

- 사용자 지정 옵션: 지역 설정, 시작 요일, 색상, 아이콘, 사용 가능한 보기 등을 구성할 수 있습니다.

- 밝은 모드/어두운 모드: Bootstrap의 색상 모드에 맞춰 조정됩니다.

- 현지화: '요일', '주', '오늘' 등의 레이블을 translations옵션을 통해 번역하세요.

- 검색 기능: 기본 예약 검색 기능(활성화된 경우).

- API 메서드: 캘린더 인스턴스를 프로그래밍 방식으로 새로 고치거나, 지우거나, 옵션을 업데이트하거나, 삭제할 수 있습니다.
- 디바이스의 크기에 반응하는 반응형 기능을 제공 합니다.

 

 

# 사용방법 

 

https://www.jqueryscript.net/time-clock/interactive-bs-event-calenda.html
해당 링크의 How to use it 에 나와 있으니 참고하여 사용하시면 됩니다. 

 

 

# 데모 확인 방법

 

압축파일 해제하시면 demo 폴더에 index.html 파일이 있습니다. 

해당 파일을 이용하여 데모를 확인하시고 수정 및 이용하여 작업 또는 사용하시면 됩니다.