Personalizzazione

Day.js è molto facile da personalizzare.

Puoi creare una nuova configurazione locale.

var localeObject = {...} // Oggetto locale Day.js, dettagliato di seguito
dayjs.locale('en-my-settings', localeObject);

Aggiorna una configurazione locale esistente.

TIP

Ciò richiede il plugin UpdateLocale per funzionare

dayjs.extend(updateLocale);

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

Modello di un oggetto di localizzazione Day.js.

javascript

const localeObject = {
  name: 'es', // Stringa del nome
  weekdays: 'Domingo_Lunes ...'.split('_'), // Array dei giorni della settimana
  weekdaysShort: 'Sun_M'.split('_'), // FACOLTATIVO, array abbreviato dei giorni della settimana. Se non fornito, vengono utilizzate le prime tre lettere.
  weekdaysMin: 'Su_Mo'.split('_'), // FACOLTATIVO, array minimo dei giorni della settimana. Se non fornito, vengono utilizzate le prime due lettere.
  weekStart: 1, // FACOLTATIVO, imposta l'inizio della settimana. Se il valore è 1, il lunedì sarà l'inizio della settimana anziché la domenica.
  yearStart: 4, // FACOLTATIVO, la settimana che contiene il 4 gennaio è la prima dell'anno.
  months: 'Enero_Febrero ... '.split('_'), // Array dei mesi
  monthsShort: 'Jan_F'.split('_'), // FACOLTATIVO, array abbreviato dei mesi. Se non fornito, vengono utilizzate le prime tre lettere.
  ordinal: n => `${n}º`, // Funzione ordinale (numero) => restituisce il numero + output
  formats: {
    // Opzioni di formato abbreviato che consentono la localizzazione
    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',
    // Formati in minuscolo/brevi, opzionali per la localizzazione
    l: 'D/M/YYYY',
    ll: 'D MMM, YYYY',
    lll: 'D MMM, YYYY h:mm A',
    llll: 'ddd, MMM D, YYYY h:mm A',
  },
  relativeTime: {
    // Stringhe di formato per il tempo relativo. Mantenere %s e %d invariati
    future: 'in %s', // es. tra 2 ore, %s viene sostituito con 2 ore
    past: '%s ago',
    s: 'alcuni secondi',
    m: 'un minuto',
    mm: '%d minuti',
    h: "un'ora",
    hh: '%d ore', // es. 2 ore, %d è stato sostituito con 2
    d: 'un giorno',
    dd: '%d giorni',
    M: 'un mese',
    MM: '%d mesi',
    y: 'un anno',
    yy: '%d anni',
  },
  meridiem: (hour, minute, isLowercase) => {
    // FACOLTATIVO, AM/PM
    return hour > 12 ? 'PM' : 'AM';
  },
};

Modello di un file locale Day.js (es. dayjs/locale/es.js).

javascript

import dayjs from 'dayjs'

const locale = { ... } // Il tuo oggetto locale Day.js.

dayjs.locale(locale, null, true) // Carica il locale per un utilizzo successivo

export default locale

Personalizzazione ​

Personalizzazione