자바스크립트 날짜 라이브러리 Day.js

day.js는 JavaScript 날짜 라이브러리 중에서 가벼워서 사용하기 좋습니다.

설치

npm i dayjs
# or
yarn add dayjs

설치 후 스크립트에 불러와서 사용합니다.

import dayjs from 'dayjs'

사용방법

제가 자주 사용하는 함수만 정리했습니다. 밑에 정리한 함수 이외의 방법을 알고 싶으면 공식문서를 참고하세요.

날짜 객체 생성 - dayjs()

dayjs 객체를 생성합니다.

dayjs() // 현재 날짜 dayjs객체를 생성합니다.
dayjs('2022-06-05')
dayjs('06/05/22', 'MM/DD/YY')
dayjs(new Date('2022-06-05'))

포맷 지정 - format()

지정한 포맷으로 날짜 문자열을 생성합니다.

dayjs().format() // 2022-06-05T20:26:43+09:00
dayjs().format('YYYY/MM/DD HH:mm:ss') // 2022/06/05 20:25:59

포맷 안에 지정 가능한 문자열입니다.

날짜 더하기 및 빼기 - add(), subtract()

지정한 숫자와 문자열에 따라 연산한 dayjs 객체를 생성합니다.

dayjs().add(1, 'd')
dayjs().add(1, 'h')
dayjs().add(1, 'm')

dayjs().subtract(1, 'd')
dayjs().subtract(1, 'h')
dayjs().subtract(1, 'm')

지정한 날짜가 시작날짜와 종료날짜 사이에 있는지 확인하기 - isBetween()

isBetween()는 plugin이라서 따로 import해야 합니다. 기본적으로 시작날짜와 종료날짜를 포함하지 않습니다.

import isBetween from 'dayjs/plugin/isBetween'
dayjs.extend(isBetween)

dayjs('2022-05-18').isBetween('2022-05-17', '2022-05-18') // false
dayjs('2022-05-18').isBetween('2022-05-17', '2022-05-19') // true

dayjs('2022-06-18').isBetween('2022-05-17', '2022-06-20', 'month') // false
dayjs('2022-06-18').isBetween('2022-05-17', '2022-07-20', 'month') // true

dayjs('2022-06-18').isBetween('2022-05-17', '2022-07-20', 'month') // true
dayjs('2022-06-18').isBetween('2022-05-17', '2022-07-20', 'month') // true

isBetween() 함수 인수에 대해 설명하겠습니다.

• 첫 번째와 두 번째 인수에 undefined를 입력하면 오늘 날짜를 대체됩니다.
• 세 번째 인수는 시간 단위를 지정합니다.
• 네 번째 인수는 ( )는 시작 날짜와 종료 날짜를 포함하지 않고 [ ]는 포함하여 비교합니다.