moment.js 의 공식 사이트 입니다.
Moment.js | Home
Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().format('YYYY [escaped] YYYY'); moment().format(); Relative Time moment("20111031", "YYYYMMDD").fromNow(); moment("20120620", "YYYYMMDD"
momentjs.com
moment의 사용방법은 간단합니다.
vue, nuxt, react, angular등 다양한 js에서 사용이 가능하도록 되어있습니다.
간단하게 npm, yarn 등으로 설치 가능합니다.
npm install moment --save
를 이용하여 moment를 설치해줍니다.
그리고
import moment from 'moment'
를 설정해주면 사용이 가능합니다!
여러 지역 시간들도 제공해주는데 이는 위의 공식홈페이지에서 확인 가능합니다
설정법 moment.locale('ko') of moment.locale('en') 이런식으로 사용하시면됩니다~
Format Dates
moment().format('MMMM Do YYYY, h:mm:ss a'); // May 4th 2020, 6:03:41 pm
moment().format('dddd'); // Monday
moment().format("MMM Do YY"); // May 4th 20
moment().format('YYYY [escaped] YYYY'); // 2020 escaped 2020
moment().format(); // 2020-05-04T18:03:41+09:00
Relative Time
moment("20111031", "YYYYMMDD").fromNow(); // 9 years ago
moment("20120620", "YYYYMMDD").fromNow(); // 8 years ago
moment().startOf('day').fromNow(); // 18 hours ago
moment().endOf('day').fromNow(); // in 6 hours
moment().startOf('hour').fromNow(); // 4 minutes ago
Calendar Time
moment().subtract(10, 'days').calendar(); //현재 날짜에 10일을 뺍니다.
moment().subtract(6, 'days').calendar(); // 현재 날짜에 6일을 뺍니다.
moment().subtract(3, 'days').calendar(); // 현재 날짜에 3일을 뺍니다.
moment().subtract(1, 'days').calendar(); // 현재 날짜에 1일을 뺍니다.
moment().add(1, 'days').calendar(); // 현재 날짜에 1일을 추가합니다.
moment().add(3, 'days').calendar(); // 현재 날짜에 3일을 추가합니다.
moment().add(10, 'days').calendar(); // 현재 날짜에 10일을 추가합니다.
Multiple Locale Support
moment.locale(); // en
moment().format('LT'); // 6:03 PM
moment().format('LTS'); // 6:03:41 PM
moment().format('L'); // 05/04/2020
moment().format('l'); // 5/4/2020
moment().format('LL'); // May 4, 2020
moment().format('ll'); // May 4, 2020
moment().format('LLL'); // May 4, 2020 6:03 PM
moment().format('lll'); // May 4, 2020 6:03 PM
moment().format('LLLL'); // Monday, May 4, 2020 6:03 PM
moment().format('llll'); // Mon, May 4, 2020 6:05 PM