Управления timepicker

Создание элемента timepicker которые легко могут быть использованы опции значение времени с предварительно наполненные выпадающего списка.

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

Чтобы применить элемент timepicker, просто добавьте data-uk-timepicker атрибут к <input> элемент. Элемент timepicker автоматически отобразится предварительное заполнение выпадающего на фокус, который можно перемещаться с помощью кнопок вверх или вниз на клавиатуре или с помощью прокрутки мышью.

Важно элемент timepicker компонент требует Компонент автозаполнения Для того, чтобы работать. Пожалуйста, убедитесь, что вы всегда содержать их вместе.

Пример

Разметки

<form class="uk-form">
    <input type="text" data-uk-timepicker>
</form>

Дисплей меридиану

Для отображения меридиану, просто определить format параметр и значение 12h

Пример

Разметки

<form class="uk-form">
    <input type="text" data-uk-timepicker="{format:'12h'}">
</form>

JavaScript варианты

Это пример того, как устанавливать параметры с помощью данных атрибутов:

data-uk-timepicker="{format:'12h'}"
Вариант Возможное значение По умолчанию Описание
format '24h' or '12h' '24h' Определяет предпочтительное время нотации
start Integer between 0 and 24 0 Время начала
end Integer between 0 and 24 24 Конец времени

Инициализации элементов вручную

var timepicker = UIkit.timepicker(element, { /* options */ });