Uniapp 是一套基于Vue.js 開發的跨平臺開發框架，它能夠以一套代碼編譯成多個平臺的應用，包括 iOS、Android、H5 等。要實現時間選擇器可以使用uni-app提供的組件picker，它可以用于選擇器、時間選擇器、日期選擇器等場景。
以下是一個簡單的時間選擇器實現示例：
- 在頁面上添加 picker 組件
<template><view><picker mode="time" @change="onChange"></picker><p>當前時間：{{time}}</p></view>
</template>
<script>export default {data() {return {time: ''}},methods: {onChange(event) {this.time = event.detail.value}}}
</script>
-
在組件中監聽 picker 的 change 事件，將選擇的時間賦值給 data 中的 time 變量。
-
在組件中使用 {{time}} 顯示選擇的時間。
注意：需要在 manifest.json 中添加需要使用的組件：
"usingComponents": {"picker": "@vant/weapp/picker/index"}
這里使用了 Vant UI 組件庫的 picker 組件，當然你也可以使用其他組件庫或自己寫組件。
