jQuery기반 가벼운 Datepicker 라이브러리 feat. Material Design

요즘 워낙 다양한 프레임워크나 라이브러리가 있다보니,

 

개발하는 환경에 딱 맞는 구성요소 라이브러리를 구하지 못하면, 직접 개발을 하게 되거나

또다른 라이브러리를 불러와서 쓸데없이 웹사이트가 무거워지는 경우가 있다.

 

Datepicker 또는 DateTimePicker도 그 중에 속하는 것인데...

 

예를 들어 Angular JS로 개발하고 있다면

https://material.angularjs.org/latest/demo/datepicker

를 활용할 수 있고,

Angular 로 개발하고 있다면

https://material.angular.io/components/datepicker/overview

를 활용할 수 있을 것이다.

 

React로 개발하고 있다면

https://material-ui.com/components/pickers

 

하지만 UI 라이브러리가 정해진 셋으로 한정되어 버리기 때문에,

bootstrap을 쓴다든지 jquery UI같은것을 쓰고 있다든지 MDL혹은 MDC같은 것을 쓰고 있다면

추가로  UI 라이브러리를 데려와서 핀포인트로 사용하기엔 좀 부담스럽다.

뭐 외주개발이라면 그냥 대충 무시하고 덕지덕지 붙여버리는 방법도 생각할 수 있겠지만,

모바일 환경에서의 속도나 등등 고려하면 최대한 가볍게 개발하고 싶어진다.

 

 

그럴 때  jQuery기반으로 꽤나 가볍게 사용할 수 있는 datepicker를 하나 발견했다.

https://gijgo.com/datepicker

인데

이걸 구현하기 위한 코드가 정말 심플하다. 

 

Documentation도 아주 잘되어있다.

https://gijgo.com/datepicker/configuration