input type="date" 오류

Question

input type="date"로 서비스를 구성했는데일부 사용자에게서 포맷이 다르게 나오는 문제가 생겼습니다.yyyy-mm-dd가 의도라면그 사용자들은 yyyy-mm-dd() 이렇게 나옵니다.()는 빈값으로 ...locale문제인가 싶은데 어떻게 처리할 수 있을까요?1. 일단 개발중인 local PC를 yyyy-mm-dd()로 바꾸고 처리되는지 확인해보고싶습니다.2. 'datepicker를 사용해라'는 이미 서비스가 광대하게 input type date를 사용하기 때문에 지양하고싶습니다.3. 어떻게 처리할 수 있을까요?경험있으신분 답변부탁드리겠습니다.

Sung Bin Jung · Answer

os/브라우저/휴대폰종류 로케일 설정에 따라 표시 포멧이 달라질 수 있습니다. datepicker를 사용하지 않을거라면, 사용자의 데이터를 가공하여 디비 저장을 하거나 js단에서 input date에서 포커스 아웃되었을때 포맷을 바꿔주는 방법을 사용하시면 될 것 같습니다.

HJOW · Answer

pattern 속성 지정해 보셨을까요?https://developer.mozilla.org/ko/docs/Web/HTML/Reference/Elements/input/date예)<input type="date" name="bday" pattern="\d{4}-\d{2}-\d{2}" />

input type="date" 오류

2개의 답변

#input 목록