바닐라 자바스크립트

JavaScript

예약일 선택용 캘린더 구현하기 without 라이브러리

HTML, CSS 그리고 Vanilla JavaScript만을 이용해 예약일 선택용 달력을 구현중이다. 1. 시작날짜, 마지막 날짜를 선택한 후에만 조회 버튼이 정상 작동한다. 2. 시작날짜 ~ 마지막 날짜 범위에 해당하는 날짜만 달력에 표기된다. 3. 달력 상단 연도와 월이 표기된다. 4. 범위 내 날짜를 클릭할 경우 해당 날짜의 배경색이 변경된다. 5. 범위 내 날짜를 클릭할 경우 하단에 선택한 날짜가 텍스트로 표기된다. 6. 하단 텍스트가 존재하는 상태에서 적용 버튼을 누르면 선택한 연,월,일,요일 이 alert된다. 7. 선택한 날짜의 범위가 2달 이상에 걸쳐 있을 경우 이전, 다음 버튼을 통해 탐색 가능하다 라이브러리 없이 달력 구현하기에 처음 도전했다. 생각보다 어려웠다. 말도 안되는 곳에서 ..

리차드
'바닐라 자바스크립트' 태그의 글 목록