Управления 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 */ });