uniapp 列表中选择时间
时间: 2023-10-05 12:05:43 浏览: 87
您可以使用 uni-app 内置的日期选择器组件 `uni-datetime-picker` 来实现选择时间的功能。具体步骤如下:
1. 在页面中引入 `uni-datetime-picker` 组件:
```html
<template>
<view>
<uni-datetime-picker
:start="startDate"
:end="endDate"
:fields="fields"
:value="value"
@change="onTimeChange"
></uni-datetime-picker>
</view>
</template>
```
2. 在 `script` 中设置组件所需的参数:
```js
export default {
data() {
return {
startDate: '2021-01-01 00:00:00', // 可选的起始时间
endDate: '2023-12-31 23:59:59', // 可选的结束时间
fields: 'second', // 显示的时间精度
value: '', // 当前选择的时间
};
},
methods: {
onTimeChange(e) {
this.value = e.detail.value; // 获取选择的时间
},
},
};
```
通过以上步骤,您就可以在 uni-app 中实现列表中选择时间的功能了。
阅读全文