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'); // ロケールを適用