Bootstrap Material DatePicker를 사용해보자

달력을 어떻게 이쁘게 띄울까 고민하던중 'Bootstrap Material DatePicker'를 발견!

🔍 사용법

---

Github: https://github.com/T00rk/bootstrap-material-datetimepicker?tab=readme-ov-file

jQuery랑 Moment.js가 필요합니다
jQuery: https://jquery.com/download/
Moment.js: https://momentjs.com/

프로젝트에 임포트해주고

폰트도 임포트

나머지는 깃허브에 js폴더와 css폴더에서 각 파일들을 받아서 저는 업로드하여 사용했습니다

받은 파일들 업로드

이제 자바스크립트 태그안에 아래 코드를 넣어주면

$('input').bootstrapMaterialDatePicker();

기본 폼이 뜬다!

이제 css를 좀 수정해서 이쁘게 다듬으면
완성!

📖 참고사이트

http://rwdb.kr/datepicker/