hoony's web study

728x90
반응형

그렇게 어려운건 아닌데 쓰려고 보면 제일 귀찮은 dateFormatting.

 

const dateFormat = (_date) => {
  const week = ['일', '월', '화', '수', '목', '금', '토'];

  const date = new Date(_date);
  const y = date.getFullYear();
  const m = date.getMonth() + 1 < 10 ? `0${date.getMonth() + 1}` : date.getMonth() + 1;
  const d = date.getDate() < 10 ? `0${date.getDate()}` : date.getDate();
  const hh = date.getHours() < 10 ? `0${date.getHours()}` : date.getHours();
  const mm = date.getMinutes() < 10 ? `0${date.getMinutes()}` : date.getMinutes();
  const ss = date.getSeconds() < 10 ? `0${date.getSeconds()}` : date.getSeconds();
  const dayOfWeek = week[date.getDay()];
  return {
    y,
    m,
    d,
    hh,
    mm,
    ss,
    dayOfWeek,
    getDate: () => `${y}-${m}-${d} (${dayOfWeek})`,
    getTime: () => `${hh}:${mm}:${ss}`,
  };
};

export { dateFormet };

 

 

const now = new Date()
const formatDate = dateFormat(now).getDate // 2023-05-15(월)

 

 

이 함수를 export 해두고 필요한 부분만 뽑아서 쓰고 있다.

물론 날짜 관련 좋은 라이브러리들이 많지만 가볍게 쓸때는 만들어 쓰는게 제일 편한 것 같다. 

 

 

728x90

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading