format date as 'YYYY.MM.DD AMhh:mm'

2024. 12. 10. 20:04·What I Learn

 

 

포맷팅해야하는 양식은 위와 같았고, js의 DateTimeFormat을 사용해 KST로 바꾸면서 옵션을 DateTimeFormatOptions로 주었다.

 


/**
 * 주어진 날짜와 일자를 "YYYY.MM.DD. 오전(혹은 오후)HH:MM" 형식으로 반환합니다.
 */
const dateFormat = (e: Date) => {
  const options: Intl.DateTimeFormatOptions = {
    year: 'numeric',
    month: '2-digit',
    day: '2-digit',
    hour: 'numeric',
    minute: '2-digit',
    hour12: true,
  }

  const formatter = new Intl.DateTimeFormat('ko-KR', options)
  const formattedString = formatter.format(e).replaceAll(' ', '')

  return formattedString.slice(0, 11) + ' ' + formattedString.slice(11)
}
export const formattedDate = (createdAt: Date) => {
  const date = new Date(createdAt)
  return dateFormat(date)
}

 

'What I Learn' 카테고리의 다른 글

Next.js 병렬 라우팅 & 경로 가로채기를 통한 모달 페이지 구현 2  (0) 2024.12.26
e.stopPropagation(), 이벤트 전파 방지  (0) 2024.12.10
Tooltip 구현  (0) 2024.12.10
Lottie로 쪽지 썸네일에 적용하기  (0) 2024.12.10
TanStack Query와 함께 구현한 cursor 방식의 무한 스크롤  (1) 2024.12.10
'What I Learn' 카테고리의 다른 글
  • Next.js 병렬 라우팅 & 경로 가로채기를 통한 모달 페이지 구현 2
  • e.stopPropagation(), 이벤트 전파 방지
  • Tooltip 구현
  • Lottie로 쪽지 썸네일에 적용하기
nuew
nuew
🤸 재주 넘는 중
  • nuew
    bloggg. . .🦖💥
    nuew
  • 전체
    오늘
    어제
    • 분류 전체보기 (88)
      • issue (10)
      • baekjoon (41)
      • lecture recap (11)
      • What I Learn (26)
      • retrospective (0)
      • maeil-mail (0)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    한입크기로잘라먹는타입스크립트
    한입크기로 잘라먹는 타입스크립트
    TypeScript
    modal
    알고리즘
    what i learn
    Node.js
    Baekjoon
    zustand
    자바스크립트
    media-query
    Algorithm
    코딩테스트
    js
    issue
    백준
    TailwindCSS
    JavaScript
    css
    Study
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
nuew
format date as 'YYYY.MM.DD AMhh:mm'
상단으로

티스토리툴바