DayJS: 놀랍고 가벼운 최신 Date API 및 MomentJS의 대안

개념

DayJS는 동일한 MomentJS API를 설명하는 경량 JavaScript 날짜 API(2kB)입니다. (Moment.js를 사용한다면 쉽게 Day.js를 사용할 수 있습니다)

Day.js는 최신 브라우저의 날짜와 시간을 구문 분석, 유효성 검사, 조작 및 표시하는 미니멀하고 간단한 라이브러리입니다.

DayJS가 Momentjs를 대체하는 이유

트리 쉐이킹: Moment는 최신 "트리 쉐이킹"알고리즘과 잘 작동하지 않으므로 웹 애플리케이션 번들의 크기를 증가시키는 경향이 있습니다.

변경 가능: Moment 객체는 변경 가능합니다. Moment를 불변으로 변경하는 것은 Moment를 사용하는 모든 프로젝트에 획기적인 변화가 될 것입니다.

시작하다

설치

npm install dayjs

import dayjs from 'dayjs' // ES 2015

구문 분석

now = dayjs();
d = dayjs('2013-03-01', 'YYYY-MM-DD');
d = dayjs('2018-04-04T16:00:00.000Z') // ISO
d = dayjs(1318781876406) // Javascript timestamps -- Millis
d = dayjs.unix(1318781876) // Unix timestamps
d = new Date(2018, 8, 18) // Date object
d = dayjs({ years:2010, months:3, date:5, hours:15, minutes:10, seconds:3, milliseconds:123});

체재

d.format()            // "2013-03-01T00:00:00+01:00"
d.format('dddd')      // "Friday"
d.format('MMM Do YY') // "Mar 1st 13"
d.fromNow()           // "7 years ago"
d.calendar()          // "03/01/2013"

가져오기/설정

dayjs().second() // => new Date().getSeconds()
dayjs().second(30).valueOf() // => new Date().setSeconds(30)

dayjs().hour()
dayjs().hour(12)

조작(더하기-빼기)

d.add(1, 'day')
d.subtract(2, 'days')
d.startOf('day')
d.endOf('day')
d.startOf('hour')

질문

d.isBefore(dayjs('2011-01-01'))
d.isSame(dayjs('2011-01-01'))
d.isAfter(dayjs('2011-01-01'))

묶음 공포증

링크

https://day.js.org/

https://devhints.io/moment

https://momentjs.com/docs/#/-project-status/