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

在UniApp中，可以使用picker选择器来实现日期和时间的选择。下面是一个简单的示例代码，演示如何使用picker选择器实现日期和时间的选择：

<template>
  <view>
    <!-- 日期选择器 -->
    <picker mode="date" @change="onDateChange">
      <view class="picker">
        选择日期：{{ selectedDate }}
      </view>
    </picker>

    <!-- 时间选择器 -->
    <picker mode="time" @change="onTimeChange">
      <view class="picker">
        选择时间：{{ selectedTime }}
      </view>
    </picker>
  </view>
</template>

<script>
export default {
  data() {
    return {
      selectedDate: '', // 选择的日期
      selectedTime: '', // 选择的时间
    };
  },
  methods: {
    onDateChange(event) {
      this.selectedDate = event.mp.detail.value;
    },
    onTimeChange(event) {
      this.selectedTime = event.mp.detail.value;
    },
  },
};
</script>

<style>
.picker {
  margin-top: 20px;
  text-align: center;
}
</style>

在上述代码中，通过`picker`组件实现了日期选择器和时间选择器。通过`mode`属性可以指定选择器的类型，`mode="date"`表示日期选择器，`mode="time"`表示时间选择器。

在选择器的`change`事件中，可以通过`event.mp.detail.value`获取选择的日期或时间值，并将其赋值给对应的`selectedDate`或`selectedTime`变量，以便在页面中显示选择的结果。

以上就是使用picker选择器实现日期和时间选择的基本示例。你可以根据自己的需求进行进一步的样式和逻辑调整。