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