カスタマイズ

Day.js は簡単にカスタマイズできます。

新しいロケールを作成できます。

var localeObject = {...} // Day.jsロケールオブジェクト。詳細は下記を参照。
dayjs.locale('en-my-settings', localeObject);

既存のロケールを更新します。

TIP

これを使用するには、UpdateLocaleプラグインが必要です。

dayjs.extend(updateLocale);

dayjs.updateLocale('en', {
  /**/
});

Day.js ロケールオブジェクトの雛形。

javascript

const localeObject = {
  name: 'es', // name String (ロケール名)
  weekdays: 'Domingo_Lunes ...'.split('_'), // weekdays Array (曜日)
  weekdaysShort: 'Sun_M'.split('_'), // OPTIONAL, short weekdays Array (短縮形の曜日配列)。指定がない場合は最初の3文字を使用
  weekdaysMin: 'Su_Mo'.split('_'), // OPTIONAL, min weekdays Array (最小限の曜日配列)。指定がない場合は最初の2文字を使用
  weekStart: 1, // OPTIONAL, 週の開始日を指定します。値が 1 の場合、月曜日が週の開始日となります（デフォルトは日曜日です）。
  yearStart: 4, // OPTIONAL, 1月4日を含む週がその年の最初の週となります。
  months: 'Enero_Febrero ... '.split('_'), // months Array (月)
  monthsShort: 'Jan_F'.split('_'), // OPTIONAL, short months Array (短縮形の月配列)。指定がない場合は最初の3文字を使用
  ordinal: n => `${n}º`, // ordinal Function (number) => return number + output (序数関数。数値を受け取り、序数表現の文字列を返します。例：1º, 2ºなど)
  formats: {
    // abbreviated format options allowing localization (ローカライズ可能な短縮形式オプション)
    LTS: 'h:mm:ss A',
    LT: 'h:mm A',
    L: 'MM/DD/YYYY',
    LL: 'MMMM D, YYYY',
    LLL: 'MMMM D, YYYY h:mm A',
    LLLL: 'dddd, MMMM D, YYYY h:mm A',
    // lowercase/short, optional formats for localization (ローカライズ用の小文字/短縮形式オプション)
    l: 'D/M/YYYY',
    ll: 'D MMM, YYYY',
    lll: 'D MMM, YYYY h:mm A',
    llll: 'ddd, MMM D, YYYY h:mm A',
  },
  relativeTime: {
    // relative time format strings, keep %s %d as the same (相対時間形式の文字列。%sと%dは変更しないでください)
    future: 'in %s', // e.g. in 2 hours, %s been replaced with 2hours (例：2時間後、%s は 2 hours に置き換えられます)
    past: '%s ago',
    s: 'a few seconds',
    m: 'a minute',
    mm: '%d minutes',
    h: 'an hour',
    hh: '%d hours', // e.g. 2 hours, %d been replaced with 2 (例：2時間、%d は 2 に置き換えられます)
    d: 'a day',
    dd: '%d days',
    M: 'a month',
    MM: '%d months',
    y: 'a year',
    yy: '%d years',
  },
  meridiem: (hour, minute, isLowercase) => {
    // OPTIONAL, AM/PM
    return hour >= 12 ? 'PM' : 'AM';
  },
};

Day.js ロケールファイルのテンプレート (例: dayjs/locale/es.js)。

javascript

import dayjs from 'dayjs'

const locale = { ... } // Your Day.js locale Object. (Day.jsロケールオブジェクト)

dayjs.locale(locale, null, true) // load locale for later use (後で使用するためにロケールを読み込みます)

export default locale

カスタマイズ ​

カスタマイズ