时间选择器

创建一个时间选择器，可以通过从预填充的下拉列表中选择时间值来轻松使用。

用法

要应用时间选择器，只需将 data-uk-timepicker 属性添加到 <input> 元素。时间选择器将在获得焦点时自动显示预填充的下拉列表，可以通过按下键盘上的向上或向下按钮或使用鼠标滚动来导航。

重要 时间选择器组件需要 自动完成组件 才能工作。请确保始终将它们一起包含。

示例

标记

<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 属性设置选项的示例

data-uk-timepicker="{format:'12h'}"

手动初始化元素

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