RD Datepicker Documentation

Интеграция с Require.js

Скрипт имеет встроенную поддержку AMD экспорта для интеграции с Require.js. Весь процесс интеграции все также сводится к нескольким простым шагам.

Скачайте скрипт из 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">

Обновите конфигурацию require.js

Прежде всего вам нобходимо убедиться в правильности настройки конфигурации путей в require.js. Обязательно необходимо определить алиасы jquery и jquery.rd-selectmenu. В большинстве случаев, данная конфигурация определяется в главном скрипте приложения, путь к которому определяется в дата атрибуте data-main при подключении require.js

<script data-main="js/main" src="js/require.js"></script>

Сама конфигурация должна содержать следующие алиасы для путей

requirejs.config({
  paths: {
    "jquery": "path/to/jquery"
    "jquery.rd-selectmenu": "path/to/jquery.rd-selectmenu.min.js"
  }
});

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

Для инициализации скрипта достаточно воспользоваться следующим кодом.

requirejs(["jquery", "jquery.rd-selectmenu"], function($, select) {
  var o = $(".rd-selectmenu");
  o.RDSelectMenu();
});