Anpassung

Day.js lässt sich sehr einfach anpassen.

Sie können ein neues Locale erstellen.

var localeObject = {...} // Day.js Locale-Objekt, Details siehe unten
dayjs.locale('en-my-settings', localeObject);

Ein bestehendes Locale aktualisieren.

TIP

Hierfür ist das Plugin UpdateLocale erforderlich.

dayjs.extend(updateLocale);

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

Vorlage für ein Day.js Locale-Objekt.

javascript

const localeObject = {
  name: 'es', // Name der Sprache
  weekdays: 'Domingo_Lunes ...'.split('_'), // Array der Wochentage
  weekdaysShort: 'Sun_M'.split('_'), // OPTIONAL, Array der abgekürzten Wochentage. Wenn nicht angegeben, werden die ersten drei Buchstaben verwendet.
  weekdaysMin: 'Su_Mo'.split('_'), // OPTIONAL, Array der minimalen Wochentagsbezeichnungen. Wenn nicht angegeben, werden die ersten zwei Buchstaben verwendet.
  weekStart: 1, // OPTIONAL, Definiert den Wochenbeginn. Der Wert 1 bedeutet Montag anstelle von Sonntag.
  yearStart: 4, // OPTIONAL, Die Woche, die den 4. Januar enthält, ist die erste Woche des Jahres.
  months: 'Enero_Febrero ... '.split('_'), // Array der Monate
  monthsShort: 'Jan_F'.split('_'), // OPTIONAL, Array der abgekürzten Monate. Wenn nicht angegeben, werden die ersten drei Buchstaben verwendet.
  ordinal: n => `${n}º`, // Ordinal-Funktion (Zahl) => gibt die Zahl mit Suffix zurück
  formats: {
    // Abgekürzte Formatierungsoptionen zur Lokalisierung
    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',
    // Kleinbuchstaben/Kurzform, optionale Formate zur Lokalisierung
    l: 'D/M/YYYY',
    ll: 'D MMM, YYYY',
    lll: 'D MMM, YYYY h:mm A',
    llll: 'ddd, MMM D, YYYY h:mm A',
  },
  relativeTime: {
    // Formatstrings für relative Zeitangaben, %s und %d bleiben unverändert
    future: 'in %s', // z.B. in 2 Stunden, %s wird durch 2 Stunden ersetzt
    past: 'vor %s',
    s: 'ein paar Sekunden',
    m: 'eine Minute',
    mm: '%d Minuten',
    h: 'eine Stunde',
    hh: '%d Stunden', // z.B. 2 Stunden, %d wird durch 2 ersetzt
    d: 'ein Tag',
    dd: '%d Tage',
    M: 'ein Monat',
    MM: '%d Monate',
    y: 'ein Jahr',
    yy: '%d Jahre',
  },
  meridiem: (hour, minute, isLowercase) => {
    // OPTIONAL, Vormittag/Nachmittag
    return hour > 12 ? 'PM' : 'AM';
  },
};

Vorlage für eine Day.js Locale-Datei (z.B. dayjs/locale/es.js).

javascript

import dayjs from 'dayjs'

const locale = { ... } // Ihr Day.js Locale-Objekt.

dayjs.locale(locale, null, true) // Gebietsschema für spätere Verwendung laden

export default locale

Anpassung ​

Anpassung