0

Как выглядит календарь на сайте

//init DateTimePickers
        if( $('.wpes-datepicker').length > 0 ) {
            $('.wpes-datepicker').each( function() {
                locale: 'ru'
    
                var dateFormat = 'DD-MM-YYYY';
                if( $(this).attr('date-format') ) {
                    dateFormat = $(this).attr('date-format');
                }
        
                $( this ).datetimepicker({
                    format: dateFormat,
                    useCurrent: false,
                    icons: {
                        time: "fa fa-clock-o",
                        date: "fa fa-calendar",
                        up: "fa fa-chevron-up",
                        down: "fa fa-chevron-down",
                        previous: 'fa fa-chevron-left',
                        next: 'fa fa-chevron-right',
                        today: 'fa fa-screenshot',
                        clear: 'fa fa-trash',
                        close: 'fa fa-remove'
                    }
                } );
            } );
        }

Код в шаблоне на wordpress, календарь на английском языке, как сделать на русском?

2
  • wpcute.ru/blog/…
    – SeVlad
    4 фев 2021 в 10:29
  • Плагин Loco Translate стоит, но он не видит этот календарь, так как его элементов(месяца, дни) нет в коде
    – Beger
    4 фев 2021 в 11:00

3 ответа 3

0

После строки

$( this ).datetimepicker({

добавьте

language: 'ru',

5
  • Форма вообще перестает реагировать
    – Beger
    4 фев 2021 в 10:40
  • Весьма сомнительно. Смотрите ошибки в консоли и покажите их тут. 4 фев 2021 в 10:41
  • Uncaught TypeError: option language is not recognized! at String.<anonymous> (bootstrap-datetimepicker.min.js?ver=1.1.0:48) at Function.each (jquery.min.js?ver=3.5.1:2) at Object.f.options (bootstrap-datetimepicker.min.js?ver=1.1.0:48) at a (bootstrap-datetimepicker.min.js?ver=1.1.0:48) at HTMLInputElement.<anonymous> (bootstrap-datetimepicker.min.js?ver=1.1.0:48) at Function.each (jquery.min.js?ver=3.5.1:2) at s.fn.init.each (jquery.min.js?ver=3.5.1:2) at s.fn.init.e.fn.datetimepicker (bootstrap-datetimepicker.min.js?ver=1.1.0:48)
    – Beger
    4 фев 2021 в 10:50
  • at HTMLInputElement.<anonymous> (script.js?ver=1.1.0:286) at Function.each (jquery.min.js?ver=3.5.1:2)
    – Beger
    4 фев 2021 в 10:50
  • Код ваш покажите и сообщение об ошибке, вместе в окне браузера 4 фев 2021 в 11:26
0

Вы можете использовать следующий код:

$.datetimepicker.setLocale('ru');

Пример:

var localeCode = "ru";
$.datetimepicker.setLocale(localeCode);

var startDate = $('#startDate');
var endDate = $('#endDate');
startDate.datetimepicker({
    timepicker: false,
    format: 'Y-m-d',
    formatDate: 'Y-m-d',
    onShow: function (ct) {
        this.setOptions({
            maxDate: endDate.val() ? endDate.val() : false
        })
    }
});
endDate.datetimepicker({
    timepicker: false,
    format: 'Y-m-d',
    formatDate: 'Y-m-d',
    onShow: function (ct) {
        this.setOptions({
            minDate: startDate.val() ? startDate.val() : false
        })
    }
});

var startTime = $('#startTime');
var endTime = $('#endTime');
startTime.datetimepicker({
    datepicker: false,
    format: 'H:i',
    onShow: function (ct) {
        this.setOptions({
            maxTime: endTime.val() ? endTime.val() : false
        })
    }
});
endTime.datetimepicker({
    datepicker: false,
    format: 'H:i',
    onShow: function (ct) {
        this.setOptions({
            minTime: startTime.val() ? startTime.val() : false
        })
    }
});
3
  • Форма вообще перестает реагировать
    – Beger
    4 фев 2021 в 10:40
  • @Beger посмотрите пример, я дополнил, это с реальной существующей работающей таблицы. Если у вас не работает, то что-то ещё не так на вашей стороне...
    – Zhenyria
    4 фев 2021 в 10:45
  • Uncaught TypeError: Cannot read property 'setLocale' of undefined at HTMLInputElement.<anonymous> (script.js?ver=1.1.0:281) at Function.each (jquery.min.js?ver=3.5.1:2) at s.fn.init.each (jquery.min.js?ver=3.5.1:2) at HTMLDocument.<anonymous> (script.js?ver=1.1.0:278) at e (jquery.min.js?ver=3.5.1:2) at t (jquery.min.js?ver=3.5.1:2)
    – Beger
    4 фев 2021 в 10:58
0

Решение нашел в файле bootstrap-datetimepicker.min.js

Там руками отредактировал строки:

Ht="Воскресенье_Понедельник_Вторник_Среда_Четверг_Пятница_Суббота".split("_"),Lt="Вск_Пнд_Втр_Сре_Чтв_Птн_Суб".split("_"),Gt="Вс_Пн_Вт_Ср_Чт_Пт_Сб"

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.