uniapp使用picker选择器实现日期和时间选择

在UniApp中，可以使用Picker组件来实现日期和时间的选择。以下是一个实现日期选择的示例：

1. 在需要使用选择器的页面中，引入Picker组件：

<template>
  <view>
    <picker mode="date" start="1900-01-01" end="2100-12-31" @change="onDateChange">
      <view class="picker">
        {{ selectedDate }}
      </view>
    </picker>
  </view>
</template>

2. 在data中定义一个变量来保存选择的日期，并在onLoad生命周期函数中初始化它：

<script>
export default {
  data() {
    return {
      selectedDate: ''
    }
  },
  onLoad() {
    const currentDate = new Date()
    this.selectedDate = `${currentDate.getFullYear()}-${currentDate.getMonth() + 1}-${currentDate.getDate()}`
  },
  methods: {
    onDateChange(event) {
      this.selectedDate = event.detail.value
    }
  }
}
</script>

在上面的代码中，我们使用`picker`组件的`mode`属性设置为`date`，并通过`start`和`end`属性指定可选的日期范围。当用户选择日期时，触发`change`事件，并将选择的日期保存到`selectedDate`变量中。

类似地，你也可以使用`picker`组件的`mode`属性设置为`time`来实现时间选择器。具体的代码实现类似，只是需要调整一些属性和变量的命名。

希望这个示例能帮到你！