Query.dateTimeSelector — плагин jQuery, предназначенный для удобства при указании даты и времени во время заполнения формы, путем замены стандартного текстового поля input на группу select’ов.
Демо
Общая информация
Название: jQuery.dateTimeSelector
Версия: 0.1.1
Лицензия: MIT
Github: https://github.com/AtaELL/jquery.dateTimeSelector
Скачать: zip
Установка
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="_path_/jquery.datetimeselector.min.js"></script>
Использование
$(document).ready(function(){
$(selector).dateTimeSelector({/*options*/});
});
Свойства
| Свойство | Тип | Описание |
|---|---|---|
| format | string | Форматы даты и времени для записи в исходный input. Поддерживаемые типы: Y — год (4-х значный), m — месяц (2-х значный), d — день (2-х значный), H — часы (24-часовой формат), i — минуты, s — секунды. По умолчанию, ‘Y-m-d H:i:s’. |
| sectionTag | string | Тег для контейнера select’ов. По умолчанию: не задано. |
| sectionClass | string | CSS-класс для контейнера. По умолчанию: не задано. |
| sectionDateTag | string | Тег для контейнера date-select‘ов, то есть для блока ‘Y-m-d’. По умолчанию: не задано. |
| sectionDateClass | string | CSS-класс для date-контейнера. По умолчанию: не задано. |
| sectionTimeTag | string | Тег для контейнера time-select‘ов, то есть для блока ‘H:i:s’. По умолчанию: не задано. |
| sectionTimeClass | string | CSS-класс для time-контейнера. По умолчанию: не задано. |
| yearDefault | string | Дефолтное значение поля. По умолчанию: ‘Select year‘. |
| yearValue | integer | Значение поля после инициализации. По умолчанию: (new Date).getFullYear() — текущий год. |
| yearMin | integer | Минимальное значение поля. По умолчанию: (new Date).getFullYear()-5. |
| yearMax | integer | Максимальное значение поля. По умолчанию: (new Date).getFullYear()+5. |
| yearClass | string | CSS-класс для year-cелектора. |
| monthDefault | string | Дефолтное значение поля. По умолчанию: ‘Select month‘. |
| monthValue | integer | Значение поля после инициализации. По умолчанию: не задано. |
| monthNames | object | Список месяцев для селектора. По умолчанию: { 1 : ‘January’, 2 : ‘February’, 3 : ‘March’, 4 : ‘April’, 5 : ‘May’, 6 : ‘June’, 7 : ‘July’, 8 : ‘August’, 9 : ‘September’, 10 : ‘October’, 11 : ‘November’, 12 : ‘December’ } |
| monthClass | string | CSS-класс для month-cелектора. |
| dayDefault | string | Дефолтное значение поля. По умолчанию: ‘Select day‘. |
| dayValue | integer | Значение поля после инициализации. По умолчанию: не задано. |
| dayClass | string | CSS-класс для day-cелектора. |
| hourDefault | string | Дефолтное значение поля. По умолчанию: ‘Select hour‘. |
| hourValue | integer | Значение поля после инициализации. По умолчанию: не задано. |
| hourClass | string | CSS-класс для hour-cелектора. |
| minuteDefault | string | Дефолтное значение поля. По умолчанию: ‘Select minute‘. |
| minuteValue | integer | Значение поля после инициализации. По умолчанию: не задано. |
| minuteClass | string | CSS-класс для minute-cелектора. |
| secondDefault | string | Дефолтное значение поля. По умолчанию: ‘Select second‘. |
| secondValue | integer | Значение поля после инициализации. По умолчанию: не задано. |
| secondClass | string | CSS-класс для second-cелектора. |
