예약

JavaScript

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

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

리차드
'예약' 태그의 글 목록