RD Datepicker Documentation

Как использовать

Внедрение скрипта на страницу сводится к нескольким простым шагам.

Обратите внимание: предложенный вариант инициализации может отличаться в зависимости от продукта, в котором он внедряется. Информация предоставленная ниже лишь отображает принципы работы со скриптом.

Скачайте скрипт из Git'a

Для начала необходимо скачать данный скрипт из нашего публичного репозитория: Кликабельно

Добавьте необходимую разметку

HTML разметка по умолчанию выглядит следующим образом.

<select class="form-select" name="select" id="select-3">
    <option value="Option 1">Option 1</option>
    <option value="Option 2">Option 2</option>
    <option value="Option 3">Option 3</option>
    <option value="Option 4">Option 4</option>
    <option value="Option 5">Option 5</option>
</select>

Обратите внимание: класс может быть совершенно любым. Данном примере используется form-select, так как инициализация скрипта выполняется по данному классу.

Подключите стили

Подключите файл стилей rd-selectmenu.css в секции <head/> целевой страницы.

<link rel="stylesheet" href="path/to/css/rd-selectmenu.css">

Подключите скрипт на странице

Вам необходимо скоппировать скрипт в папку /js вашего проекта и выполнить его подключение на странице. Для это можно исспользовать следующий участок кода:

<script src="js/rd-selectmenu.min.js"></script>

Выполните инициализацию скрипта

Вам необходимо выполнить инициализацию скрипта для элементов по целевому селектору, с помощью следующего участка кода

<script>
  $(document).ready(function () {
    o.RDSelectMenu(); // Additional options
  });
</script>