Датапикер

Создать переключаемой выпадающий список, который датапикер.

Использование

Создает 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	Календарь на оказание