uniapp时间选择器

UniApp 提供了 `uni-datetime-picker` 组件可以用于选择日期和时间。使用该组件需要在页面的 `template` 中进行引用，示例代码如下：

<template>
  <view>
    <uni-datetime-picker
      :start="startDate"
      :end="endDate"
      :value="selectedDate"
      @change="onDateChange"
      type="datetime"
    ></uni-datetime-picker>
  </view>
</template>

<script>
export default {
  data() {
    return {
      startDate: new Date(),
      endDate: new Date(2030, 11, 31, 23, 59, 59),
      selectedDate: new Date(),
    };
  },
  methods: {
    onDateChange(e) {
      this.selectedDate = e.detail.value;
    },
  },
};
</script>

上述代码中，我们使用 `uni-datetime-picker` 组件来显示一个日期和时间选择器，其中 `startDate` 和 `endDate` 分别表示选择器可选的时间范围，`selectedDate` 表示当前选择的时间，`@change` 事件会在时间选择器的值发生改变时触发，我们可以在该事件中更新 `selectedDate` 的值。