Как daterangepicker вывести название месяца по-русски?

Question

[Сергей]

Я использую JQuery плагин daterangepicker. В локализации плагина настроил русские названия месяцев и дней недели. Всё вроде работает нормально

но вот в инпут почему-то подставляется английское название месяца...

function applyDatapicker(el, date = '') {
            let options = {
                "singleDatePicker": true,
                "locale": {
                    "daysOfWeek": [
                        "Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"
                    ],
                    "monthNames": [
                        "Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"
                    ],
                    "firstDay": 1,
                    'format': 'DD.MM.YYYY',
                },
                "autoApply": true,
                "autoUpdateInput": false
            };

            //TODO дата для теста - потом убрать
            date = '26.05.2021';
            $(el).val('26 Май 2021'); // выводим строку даты в инпут

            if(date !== '') options.startDate = date; // устанавливаем дату в календаре

            $(el).daterangepicker(options, function (start, end, label) {
                console.log(start); // в этом объекте локаль английская
                // let date = start.format('YYYY-MM-DD');
                // let month = start.format('MM');
                $(this.element).val(start.format('DD MMM YYYY')); // здесь в инпут попадает английское название месяца
                $(this.element).removeClass('error');
                return false;
            });
        }

В переменную date я поставил дату в формате указанном в параметре format в локали.
Параметр "autoUpdateInput": false нужен чтобы работал колбэк, в котором собственно форматируется дата

Может в опциях нужен еще какой-то параметр?

Comments

[Alex]

Это не ответ, но для справки всех кто сюда зайдёт: Есть <input type="date"> - Встроен в браузер, не требует JS, полностью локализирован на любом языке, лучшее решение для сенсорных устройств.

Answer 1

[ThunderCat]

ручками воткнуть .toLocaleDateString("ru-RU");

Comments

[Сергей]

Куда именно это воткнуть?

[ThunderCat]

Сергей, смотрите где .format делает из строки дату, и к дате цепляете.
тыц

[Сергей]

ThunderCat, Спасибо. Теперь колбэк выглядит так:

$(el).daterangepicker(options, function (start, end, label) {
                // let date = start.format('YYYY-MM-DD');
                // let month = start.format('MM');
                const options = {year: 'numeric', month: 'long', day: 'numeric' };
                $(this.element).val(start._d.toLocaleDateString("ru-RU", options));
                $(this.element).removeClass('error');
                return false;
            });