Testreszabás

A Day.js rendkívül könnyen testreszabható.

Létrehozhatsz egy új nyelvi beállítást.

var localeObject = {...} // Day.js nyelvi beállítás objektum, a részleteket lásd alább
dayjs.locale('en-my-settings', localeObject);

Frissíthetsz egy létező nyelvi beállítást.

TIP

Ehhez az UpdateLocale bővítmény használata szükséges.

dayjs.extend(updateLocale);

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

Egy Day.js nyelvi beállítás objektum sablonja:

javascript

const localeObject = {
  name: 'es', // name: String (a nyelvi beállítás neve, String típusú)
  weekdays: 'Domingo_Lunes ...'.split('_'), // weekdays: Array (a hét napjainak tömbje)
  weekdaysShort: 'Sun_M'.split('_'), // OPTIONAL, short weekdays: Array (opcionális, a hét napjainak rövidített tömbje, ha nincs megadva, az első három betű kerül felhasználásra)
  weekdaysMin: 'Su_Mo'.split('_'), // OPTIONAL, min weekdays: Array (opcionális, a hét napjainak minimális tömbje, ha nincs megadva, az első két betű kerül felhasználásra)
  weekStart: 1, // OPTIONAL, set the start of a week (opcionális, a hét kezdőnapjának beállítása. Ha az érték 1, akkor a hétfő lesz a hét kezdőnapja vasárnap helyett.)
  yearStart: 4, // OPTIONAL, the week that contains Jan 4th is the first week of the year (opcionális, az a hét, amely január 4-ét tartalmazza, az év első hete.)
  months: 'Enero_Febrero ... '.split('_'), // months: Array (a hónapok tömbje)
  monthsShort: 'Jan_F'.split('_'), // OPTIONAL, short months: Array (opcionális, a hónapok rövidített tömbje, ha nincs megadva, az első három betű kerül felhasználásra)
  ordinal: n => `${n}º`, // ordinal: Function (number) => return number + output (sorszám képző függvény, a számot kapja meg paraméterként és a sorszámot adja vissza)
  formats: {
    // abbreviated format options allowing localization (rövidített formátum opciók a honosításhoz)
    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 (kisbetűs/rövid, opcionális formátumok a honosításhoz)
    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 (relatív idő formátumok, a %s és %d helyőrzőket hagyd változatlanul)
    future: 'in %s', // e.g. in 2 hours, %s been replaced with 2hours (pl. 2 óra múlva, a %s helyére a "2 óra" kerül)
    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 (pl. 2 óra, a %d helyére a "2" kerül)
    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 (opcionális, délelőtt/délután jelölő)
    return hour > 12 ? 'PM' : 'AM';
  },
};

Egy Day.js nyelvi beállítás fájl sablonja (pl. dayjs/locale/es.js):

javascript

import dayjs from 'dayjs'

const locale = { ... } // Your Day.js locale Object (A Day.js nyelvi beállítás objektumod.)

dayjs.locale(locale, null, true) // load locale for later use (nyelvi beállítás betöltése későbbi használatra)

export default locale

Testreszabás ​

Testreszabás