programing

Vue.js에서 현재 날짜 형식을 지정하는 방법

prostudy 2022. 7. 24. 21:10
반응형

Vue.js에서 현재 날짜 형식을 지정하는 방법

의 현재 날짜를 취득해야 합니다.

그러기 위해 저는 다음과 같은 방법을 사용했습니다.

today_date: new Date().toJSON().slice(0,10).replace(/-/g,'.')

today_date로서 날짜를 알려드리겠습니다.2019.09.11포맷합니다.

이 포맷을 커스터마이즈할 수 있는 방법이 있나요?사실 나는 날짜를 받아야 한다.11.09.2019포맷합니다.그러나 날짜를 여러 형식으로 얻을 수 있는 솔루션이 있는지 알아두는 것이 좋습니다.

순수 Javascript에서는 원하는 포맷을 일, 월, 년을 취득하여 하드코드하고 그것들을 연결하여 원하는 것을 얻어야 합니다.다만, 라이브러리에서 다음과 같이 날짜 형식을 쉽게 지정할 것을 권장합니다.

moment().format('MMMM Do YYYY, h:mm:ss a'); // September 11th 2019, 10:52:10 am
moment().format('dddd');                    // Wednesday
moment().format("MMM Do YY");               // Sep 11th 19
moment().format('YYYY [escaped] YYYY');    

다양한 방법으로 할 수 있는 훌륭한 lib: MomentJs(많은 형식, 로케일 및 운영도 처리할 수 있음)는 순수 JS를 사용하는 한 가지 솔루션은 다음과 같습니다.

function dtFormatter(d) {
  const yr = d.getFullYear();
  const mnt =
    d.getMonth() + 1 < 9 ? "0" + (d.getMonth() + 1) : d.getMonth() + 1;
  const day = d.getDate() < 9 ? "0" + d.getDate() : d.getDate();

  return day + "." + mnt + "." + yr;
}
console.log(dtFormatter(new Date()));

언급URL : https://stackoverflow.com/questions/57886089/how-to-format-the-current-date-format-in-vue-js

반응형