[dayjs] Date 객체로 바꾸기

dayjs 라이브러리를 통해 formatting한 string을 JS Date 객체로 바꾸기

dayjs에서 다양한 format을 제공한다.

dayjs().format(”DDMMYYYY”) 으로 변경해서 사용했는데,

서버에게 전달하거나 state값으로 저장할 때는 자바스크립트에서 제공하는 Date 객체로 변경해야 하는 상황이 생겼다.

이때 dayjs(”18032022”).toDate() 로 하면 변경되지만, 기본적으로 month, date, year 순서로 변경되므로 18월....이 된다. 이 외에도 슬래쉬(/)를 포함해서 포매팅하거나, 년월만 포맷팅하거나 등등 다양한 포맷형식이 있기 때문에 바로 toDate함수를 적용하면 의도치않게 바뀔 수 있다.
심지어 date형식으로 인식못할 경우는 invalid date라는 아웃풋이 나온다.

이때 사용하는 dayjs 플러그인이 CustomParseFormat 이다.

https://day.js.org/docs/en/parse/string-format#docsNav

위 플러그인을 확장시켜주고,

dayjs(”18032022”, “DDMMYYYY”).toDate() 로 사용하면 원하는대로 변경된다.

꿀팁

dayjs 공식사이트에서 console창을 키면 바로 dayjs 라이브러리를 사용할 수 있다.
콘솔창에 Feel free to try sample codes here 😃
친절해..

여담

dayjs로 달력을 만들어서 프로젝트에 적용시키면서 이 라이브러리와 친해진 듯 하다. 나중에 달력만든 방법도 포스팅해보려고 한다~~