[TIL] date 형식 변경

Datepicker 라이브러리를 사용하면 날짜 선택 form을 간편하게 만들 수 있다.
하지만 console에 선택한 날짜를 찍어보면

Thu May 16 2019 17:16:13 GMT+0900 (한국 표준시)

이러한 형식으로 불필요한 정보까지 js에서 반환한다.

불필요한 정보를 제외하고, 필요한 정보만 가공하여 서버에 전달하기 위해 함수를 정의했다.

1. getFormattedDate라는 이름의 함수를 정의하고, date를 인자로 받는다.

2. 해당 date로 new Date(date)를 선언하여 d라는 변수에 담아준다.

3. getFullYear, getMonth, getDate 메서드를 사용하여 각각의 변수에 담아준다.

   • getFullYear : date에서 '연도'를 뽑아낸다.
   • `getMonth : date에서 '월'을 뽑아낸다. 1개월씩 작게 나오기 때문에 + 1을 해주었다.
   • getDate : date에서 '일'을 뽑아낸다.

4. ``을 활용하여 해당 변수를 원하는 형식으로 만들어 return 해준다.

   • '월'과 '일'이 10 이상일 경우 그대로, 이하일 경우 앞에 0을 붙여준다.
   • 위의 코드에서는 2020-11-01의 형태로 date를 반환 해준다.