Датапикер
Создать переключаемой выпадающий список, который датапикер.
Использование
Создает datepicker, просто добавьте data-uk-datepicker
атрибут к <input>
элемент. У вас также есть возможность настраивать Формат даты. Просто добавьте format параметр data-uk-datepicker
атрибут.
Компонент datepicker определяет, является ли JavaScript от Форма " выбор компонента является загружаемым. Это позволяет быстро переключаться между лет и месяцев через выберите форму внутри датапикер.
Пример
Разметки
<form class="uk-form">
<input type="text" data-uk-datepicker="{format:'DD.MM.YYYY'}">
</form>
JavaScript варианты
Это пример того, как устанавливать параметры через атрибут:
data-uk-datepicker="{weekstart:0, format:'DD.MM.YYYY'}"
Вариант | Возможное значение | По умолчанию | Описание |
---|---|---|---|
weekstart |
integer (0..6) | 1 | Начало недели |
i18n |
JSON object | { months:['January',...], weekdays:['Sun',..,'Sat'] } | Язык строку определения |
format |
any combination of DD, MM and YYYY | 'YYYY-MM-DD' | Формат даты строка |
offsettop |
integer | 5 | Смещение входного значения |
minDate |
bool (false to ignore the option) string (date as in format )integer (offset in days from current date) |
false | Мин. Дата |
maxDate |
bool (false to ignore the option) string (date as in format )integer (offset in days from current date) |
false | Макс. Дата |
pos |
'auto', 'top', 'bottom' | 'auto' | Положение датапикер |
Инициализации элементов вручную
var datepicker = UIkit.datepicker(element, { /* options */ });
События
Название | Параметр | Описание |
---|---|---|
show.uk.datepicker |
event | На датапикер выпадающего показать |
hide.uk.datepicker |
event | На датапикер выпадающего скрыть |
update.uk.datepicker |
event | Календарь на оказание |