'Configure el-date-picker

Does someone know, how to configure a el-date-picker in element-plus to set the first day of week.

The docs say it configurable via day.js but not to use configure day.js in element.

I have done this so far.

import de from 'element-plus/es/locale/lang/de';

const i18n = createI18n({
    legacy: false,
    locale: 'de',
    messages: {
        'de': messagesDe
    },
    datetimeFormats: {
        'de': {
            short: {
                year: 'numeric',
                month: '2-digit',
                day: '2-digit'
            },
            long: {
                year: 'numeric',
                month: '2-digit',
                day: '2-digit',
                hour: '2-digit',
                minute: '2-digit',
                second: '2-digit'
            }
        }
    },
});

app.use(ElementPlus, {
   locale: de,
});
app.use(i18n);

Thank you for your help.

vue.jsvuejs3date-formattingelement-plus


Solution 1:[1]

The workaround described in dayjs#215 also works for Element Plus.

For example, to set Monday as the first day of the week for the de locale, create a de object off of dayjs.Ls, and set weekStart=1:

// main.js
import dayjs from 'dayjs'

dayjs.Ls.de ??= {}
dayjs.Ls.de.weekStart = 1

demo

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1

Related Questions