赞
踩
Uniapp 是一套基于Vue.js 开发的跨平台开发框架,它能够以一套代码编译成多个平台的应用,包括 iOS、Android、H5 等。要实现时间选择器可以使用uni-app提供的组件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 组件,当然你也可以使用其他组件库或自己写组件。
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。