목록#datepicker (2)

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

[해피CGI][cgimall]Jquery ui material design datepicker - codepen

Jquery ui를 이용한 달력입니다. 데모사이트로 이동을하면 오른쪽 하단에 Export 버튼을 확인하실 수 있습니다. 클릭하여 자료를 받아보시면 html,css,js 파일로 구성이되어 있습니다. Export가 되지 않는다면 회원가입 후 진행하시면 됩니다^^
웹프로그램밍 자료실/JAVA 자료 2022. 1. 13. 09:18
[해피CGI][cgimall] Useful event calendar or datepicker with jQuery

다운로드 받은 파일의 압축을 해제해서 demo/basic.html demo/personal.html 위 두개의 파일을 웹브라우저로 열어서 보면 확인이 가능합니다. 일정이 있는 날짜는 날짜 아래에 빨간색 점으로 표시가 되게 됩니다. 날짜에 마우스를 올리면 아래 그림 처럼 날짜에 동그라미가 표시되고, 빨간 점이 있는 날짜를 클릭하면 해당 날짜에 저장된 일정을 달력 하단에 표시해줍니다. 달력을 클릭했을때 그날의 일정을 보여주는 효과가 필요할때 사용이 가능하겠다 싶네요. HTML 소스코드를 열어서 보니 일정을 확인하고픈 달력을 만들어야 한다는 점이 바로 사용하려고 할때는 약간 부족한 부분이네요. 그 외에 해당 하는 날짜에 일정을 지정하는 부분은 생각보다 어렵지 않게 HTML 태그로 조절하는게 가능해보이네요.
웹프로그램밍 자료실/JAVA 자료 2018. 10. 24. 09:15
Prev 1 Next