# 時間選擇器 輕松創建可以從預填充下拉菜單中選擇時間的時間選擇器。 ## 用法 將 `data-uk-timepicker` 屬性添加到 `&lt;input&gt;` 元素中就能創建時間選擇器。獲得焦點后，時間選擇器會自動顯示預填充的下拉菜單，可以通過鍵盤上的上下按鈕或滾動鼠標進行瀏覽。注意 使用此組件需要額外添加 `timepicker.js` 文件，在`js/components`文件夾中。 重要 時間選擇器組件需要[自動完成組件](autocomplete.html)才能生效。請確保已經將兩者引入頁面。 ### Example  ### Markup ``` <form class="uk-form"> <input type="text" data-uk-timepicker> </form> ``` * * * ## 顯示子午線時間 添加_format_選項并設置為`12h`即可顯示子午線時間。 ### Example  ### Markup ``` <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 */ }); ```