웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall]Modern Bootstrap Date Picker With jQuery And Day.js 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall]Modern Bootstrap Date Picker With jQuery And Day.js

해피CGI윤실장 2022. 4. 15. 09:17

다운로드 받은 파일의 압축을 해제한뒤
docs/index.html 파일을 웹브라우저로 열어보면
날짜를 선택하는 달력 프로그램의 데모를 확인해보실수 있습니다.





입력박스를 클릭하거나,

입력박스 오른편의 아이콘을 클릭하면,
화면에 표시되는 달력을 이용해서 입력박스에 원하는 날짜를 입력할수 있는 프로그램입니다.




년도를 클릭해서 원하는 년도를 선택할수 있습니다.



이전달, 다음달을 의미하는 화살표를 클릭해서
원하는 달의 날짜를 선택할수 있습니다.


HTML소스코드를 수정해야 하긴 하지만,
날짜를 선택하기 위한 달력의 제목을 원하는 대로 컨트롤 하는것도 가능합니다.






달력 프로그램의 사용법은 아래와 같습니다.









날짜를 입력받아야 할 웹페이지에서는
비교적 간편하게 사용할 수 있을것 같네요.

Comments