Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.11.2020, 10:53
Кандидат Javascript-наук
Отправить личное сообщение для giwuf Посмотреть профиль Найти все сообщения от giwuf
 
Регистрация: 16.05.2017
Сообщений: 148

Как добавить локализацию в календарь datapicker на чистом js?
Есть календарь datapicker на чистом javascript.

<link href="https://unpkg.com/js-datepicker/dist/datepicker.min.css" rel="stylesheet"/>
<script src="https://unpkg.com/js-datepicker@5.16.0/dist/datepicker.min.js"></script>
<div class="datepicker">
  <img src="https://img1.freepng.ru/20180403/lkq/kisspng-solar-calendar-symbol-computer-icons-encapsulated-calendar-icon-5ac41db82504c0.0773126515228021041516.jpg" width="50px" height="50px">
  <input class="date-picker-element" type="text">
</div>

document.addEventListener('DOMContentLoaded', () => {
  if (datepicker) {
    let datepickerClickElem = document.querySelector('.datepicker img');
    let datePickerElem = document.querySelector('.date-picker-element');
    let picker = null;

    if (datePickerElem) {
      picker = datepicker(datePickerElem, {
        customDays: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],
        customMonths: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
      });

      if (datepickerClickElem) {
        datepickerClickElem.addEventListener('click', function(e) {
          e.stopPropagation();

          let isHidden = picker.calendarContainer.classList.contains('qs-hidden');
          if (isHidden) {
            picker[isHidden ? 'show' : 'hide']();
          }
        });
      }
    }
  }
})


Мне нужно его локализировать (месяцы, недели) в зависимости html lang="ru-RU" или lang="kz-KZ".

Для datapicker библиотеки jquery есть такой вариант, но он кроме самой jquery тянет за собой еще и jquery ui, что совсем не вариант:

datepicker.regional.ru = {
    closeText: "Закрыть",
    prevText: "&#x3C;Пред",
    nextText: "След&#x3E;",
    currentText: "Сегодня",
    monthNames: [ "Январь","Февраль","Март","Апрель","Май","Июнь",
    "Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь" ],
    monthNamesShort: [ "Янв","Фев","Мар","Апр","Май","Июн",
    "Июл","Авг","Сен","Окт","Ноя","Дек" ],
    dayNames: [ "воскресенье","понедельник","вторник","среда","четверг","пятница","суббота" ],
    dayNamesShort: [ "вск","пнд","втр","срд","чтв","птн","сбт" ],
    dayNamesMin: [ "Вс","Пн","Вт","Ср","Чт","Пт","Сб" ],
    weekHeader: "Нед",
    dateFormat: "dd.mm.yy",
    firstDay: 1,
    isRTL: false,
    showMonthAfterYear: false,
    yearSuffix: "" };
datepicker.setDefaults( datepicker.regional.ru );
Ответить с цитированием
  #2 (permalink)  
Старый 04.11.2020, 11:53
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,151

giwuf,
добавить в строку 7 условие по ссылке
https://developer.mozilla.org/en-US/...MLElement/lang
Ответить с цитированием
  #3 (permalink)  
Старый 04.11.2020, 12:18
Кандидат Javascript-наук
Отправить личное сообщение для giwuf Посмотреть профиль Найти все сообщения от giwuf
 
Регистрация: 16.05.2017
Сообщений: 148

Сообщение от рони Посмотреть сообщение
giwuf,
добавить в строку 7 условие по ссылке
https://developer.mozilla.org/en-US/...MLElement/lang
Да, точно рони! Спасибо большое, лайк !
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать свой слайдер на чистом js? sashka7onoff Элементы интерфейса 15 10.07.2017 23:35
Модальное окно, запретить скролл всему документу на чистом JS TommyWork Общие вопросы Javascript 8 13.04.2017 10:39
Как на чистом js добавить в объект другой объект? An1984tonn Общие вопросы Javascript 2 23.01.2017 20:02
Как это будет на чистом js? Gerd199 Общие вопросы Javascript 1 23.04.2016 11:35
Как реализовать отключения JS кода через админку ? lamer Серверные языки и технологии 4 08.02.2012 15:23