如何安装和使用 locale 到 vanilla js 日期范围选择器？

Question

我正在使用vanilla js datepicker。我想将其显示的月份名称设置为不同的语言。

我有一个带有名称的对象，但我不知道如何使其工作。

带有名称的对象：

var localeDict = {
            days: ["Niedziela", "Poniedziałek", "Wtorek", "Środa", "Czwartek", "Piątek", "Sobota"],
            daysShort: ["Niedz.", "Pon.", "Wt.", "Śr.", "Czw.", "Piąt.", "Sob."],
            daysMin: ["Ndz.", "Pn.", "Wt.", "Śr.", "Czw.", "Pt.", "Sob."],
            months: ["Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień"],
            monthsShort: ["Sty.", "Lut.", "Mar.", "Kwi.", "Maj", "Cze.", "Lip.", "Sie.", "Wrz.", "Paź.", "Lis.", "Gru."],
            today: "Dzisiaj",
            weekStart: 1,
            clear: "Wyczyść",
            format: "dd.mm.yyyy"
        };

在这里我构建了一个日期选择器对象：

datepicker = new DateRangePicker(picker_div, {
          format: "dd.mm.yyyy",
          language: "pl",
          maxDate: new Date(),
          months: localeDict.months,
          todayHighlight: true,
        });

我尝试过设置选项

months

，

monthNames

，但没有任何作用。默认情况下，名称保留为英文。我尝试将这些选项分配给日期范围选择器内的特定日期选择器，但没有任何效果。

我在文档中找不到解决方案，无论那里有效的方法似乎都不适合我的情况。

或者：也许我应该使用不同的库？

Answer 1

执行此操作的过程在 i18n 部分中进行了解释：

将库导入到您的脚本中（以便全局对象

Datepicker

存在）后，您可以将您的语言直接添加到

Datepicker.locales

，如下所示：

Datepicker.locales.pl = {
    days: ["Niedziela", "Poniedziałek", "Wtorek", "Środa", "Czwartek", "Piątek", "Sobota"],
    daysShort: ["Niedz.", "Pon.", "Wt.", "Śr.", "Czw.", "Piąt.", "Sob."],
    daysMin: ["Ndz.", "Pn.", "Wt.", "Śr.", "Czw.", "Pt.", "Sob."],
    months: ["Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień"],
    monthsShort: ["Sty.", "Lut.", "Mar.", "Kwi.", "Maj", "Cze.", "Lip.", "Sie.", "Wrz.", "Paź.", "Lis.", "Gru."],
    today: "Dzisiaj",
    weekStart: 1,
    clear: "Wyczyść",
    format: "dd.mm.yyyy"
};

您只需在导入库后执行一次此操作。那么你应该能够使用：

language: "pl",

在 DateRangePicker 选项中，就像您所做的那样。这应该足够了，不需要添加任何

months

选项。

您还可以将此语言环境放在单独的文件中并导入它，因为它在文档中指定，我不会对此进行扩展