자바스크립트 날짜바꾸기

이것저것 쓰잘데없는 이야긴 집어치우고 바로 써먹을 수 있는 코드를 가져오시게!!

 

예~~~~대령하겠습니다~~

 

 

자바스크립트 날짜바꾸기 2023-03-14 를 다양한 방법으로 바꾸기 

이건 내가 일하면서 봤던 코드인데, 아주 쓸모가 있을 것 같아서

나중에 나를 위해서도 남겨놔야겠다.

 

 

const dateFormat = (date: string) => {
 return Object.fromEntries(
  new Intl.DateTimeFormat('ja-JP' , { year: 'numeric', month: '2-digit', day: '2-digit', weekdays: 'short' })
  .formatToParts(new Date(date))
  .map(({ type, value }) => [type, value])
 )
}
//위의 ja-JP부분은 일본 설정이기 때문에 한국형식에 맞게 바꾸시면 됩니다. 그것은 MDN찾아보세요~


export const getDateDisplay = (date: string) => {
 const { mont, day } = dateFormat(date)
 return `${month}월${day}일`
} // *월*일

export const getDateWeekDayDisplay = (date: string) => {
 const { month, day, weekday } = dateFormat(date)
 return `${month}월${day}일(${weekday})` // *월*일(요일)
}

export const getFullDateWithWeekDayDisplay = (date: string) => {
 const { year, month, day, weekday } = dateFormat(date)
 return `${year}년${month}월${day}일(${weekday})` // *년*월*일(요일)
}

export const getYearDateDisplay = (date: string) => {
 const { year, month, day } = dateFormat(date)
 return `${year}년${month}월${day}일` // *년*월*일
}

export const getFullDateDotDisplay = (date: string) => {
 const { year, month, day } = dateFormat(date)
 return `${year}.${month}.${day}` // *.*.*
}

 

 

보통

이 코드를 파일로 만들어서 import 해서 가져다 쓰면 될 것이다.