[JSP/JS] input 태그 date 날짜 직접 입력 설정 _디버깅의 눈물

input type="date"

 

input type=date로 이루어진 태그 부분에 날짜 입력은 두 가지 방법이 존재한다.

 

 

캘린더 상에서 마우스 클릭

1)캘린더 상에서 마우스 클릭으로 입력

 

 

2)키보드 숫자로 입력

 

---

 

문제 상황

 

키보드로 입력하는 경우에, 별도의 설정이 없다면

 

연도 부분을 6자리로 입력 받는다.

 

위와 같은 문제가 발생하게 된다. input type=date의 경우 기본 설정이 6자리로 년도를 받아오기 때문으로 보인다.

 

 

---

 

해결 방안

 

2022-09-19처럼 4자리(연)-2자리(월)-2자리(일)로 받아오기 위해서는 

 

위처럼 input type="date" 태그 안에 max="9999-12-31"을 추가해주면 해결된다.

 

적용 후