Dayjs 사용법

이득규·2022년 5월 23일
4
post-custom-banner

설치 방법

npm install dayjs

사용법

현재 날짜 및 시간 객체 생성 날짜 및 시간 지정 - dayjs()


  import dayjs from "dayjs";
  const now = dayjs();
  now.format();

  const date = dayjs("2022-05-24");
  date.format(); // 2022-05-24T00:00:00+09:00
  const date = dayjs("2022-05-24", "YYYY.MM.DD");
  date.format(); // 2022-05-24T00:00:00+09:00
  const date = dayjs("05/24/22", "MM/DD/YY");
  date.format(); // 2022-05-24T00:00:00+09:00
  const date = dayjs("2021-05-24 10:20:25", "YYYY-MM-DD HH:mm:ss");
  date.format(); // 22022-05-24T10:30:25+09:00

포맷 지정 - format()

  const date = dayjs("2022-05-24 10:30:25", "YYYY-MM-DD HH:mm:ss");

  date.format(); // 2022-05-24T10:30:25+09:00
  date.format("YY-MM-DD"); // 22-05-24
  date.format("DD/MM/YY"); // 05/24/22
  date.format("YYYY.MM.DD HH:mm:ss"); // 2022.05.24 10:30:25
  date.format("YYYY년MM월DD일 HH:mm:ss") // 2022년05월24일 10:30:25

날짜 시간 단위 값 구하기 - get()


  const now = dayjs();

  now.format(); // 2022-05-24T19:03:02+09:00

  now.get("year"); // 2022 (년)
  now.get("y"); // 2022 (년)

  now.get("month"); // 05 (월 - 0~11)
  now.get("M"); // 5 (월 - 0~11)

  now.get("date"); // 24 (일)
  now.get("D"); // 24 (일)

  now.get("day"); // 0 (요일 - 일요일 : 0, 토요일 : 6)
  now.get("d"); // 0 (요일 - 일요일 : 0, 토요일 : 6)

  now.get("hour"); // 19 (시)
  now.get("h"); // 19 (시)

  now.get("minute"); // 3 (분)
  now.get("m"); // 3 (분)

  now.get("second"); // 2 (초)
  now.get("s"); // 2 (초)

  now.get("millisecond"); // 179 (밀리초)
  now.get("ms"); // 179 (밀리초)

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

  const date = dayjs("2022-05-24 10:30:21");
  date.add(1, "year").format(); // 2023
  date.add(1, "month").format(); // 2022-06
  date.add(1, "week").format(); // 2022-05-31

  date.add(1, "year").format(); // 2021
  date.add(1, "month").format(); // 2022-04
  date.add(1, "week").format(); // 2022-05-17

day.js에서 지원하는 함수 일부를 기록 해봤다.
https://day.js.org/en/
더 자세한 사항은 공식문서를 읽어보시길 바랍니다.

profile
끄적 끄적
post-custom-banner

0개의 댓글