TypeScript

Day.js는 별도의 설정 없이 NPM 패키지에서 TypeScript를 위한 공식 타입 정의를 제공합니다.

NPM을 통해 설치

npm install dayjs

TypeScript 파일에서 불러와 사용

import * as dayjs from 'dayjs';
dayjs().format();

Day.js 불러오기 문제 해결

tsconfig.json 파일에 다음과 같은 설정이 있는 경우, import dayjs from 'dayjs'와 같이 기본 불러오기 방식을 사용해야 합니다.

{
  //tsconfig.json
  "compilerOptions": {
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true
  }
}

위 설정이 없는 경우, 기본 불러오기는 작동하지 않으므로 import * as dayjs from 'dayjs'를 계속 사용해야 합니다.

로케일 및 플러그인 가져오기

로케일과 플러그인을 사용하려면, 먼저 해당 로케일과 플러그인을 가져와야 합니다.

import * as dayjs from 'dayjs';
import * as isLeapYear from 'dayjs/plugin/isLeapYear'; // 플러그인 가져오기
import 'dayjs/locale/zh-cn'; // 로케일 가져오기

dayjs.extend(isLeapYear); // 플러그인 사용
dayjs.locale('zh-cn'); // 로케일 사용