[Meterial-UI] DatePiker Api 모아놓은 곳

 

 

input type=month 을 사용해서 YYYY-MM 순으로

날짜를 선택하게 만들어야 하는 부분이 있었다.

 

아래 사진처럼 년도와 날짜를 선택하는 것인데,

편리하다고 신나서 코딩하다가 무심코 사파리를 켯는데

사파리는 지원이 안되어서 직접 키보드로 입력을 해야했다..

 

 

날짜 중 하나는 빈칸으로 가야하는 점과 ,

시작일, 종료일 중 종료일이 시작일보다 앞서면안되고 하는 등의 조건을 걸어주어야하는데,

이렇게 되다보니 모든 조건을 이중으로 걸어줘야해서

material ui로 변경해서 진행하기로 했다.

 

DatePicker API

material-ui-pickers.dev/api/DatePicker

 

 

 

 

clearable이 있긴하지만 null값으로 들어와서 백엔드에 값이 없다고 들어가서 오류가 나고!!

null값으로 들어간 부분을 " " 로 값을 변경해서 전달했는데

똑똑한 datePicker가 오류를 띄워줬다..... format에 맞춰서 제대로 된 값 써달라고 

 

 

어차피 키보드로 날짜 쓰거나 할수 있는 부분이 아니라

마우스 컨트롤로 선택할수 있는 값들이 나와있어서

형식에 맞지 않는 값을 선택할 일이 없을것 같앗다.

그래서 방법이 없다면 제가 오류 알림을 display:none 하고 진행할까 했지만

백엔드분 천재라서 그분이 그냥 맞추겟다고 하셨다..!

 

그리고 나서도 여러 조건을 거는데 애를먹었는데.. 

천천히 정리해보겠다 :0