uniapp时间选择器

Uniapp提供了两种时间选择器：DatePicker和TimePicker。

1. DatePicker

DatePicker可以选择年、月、日。

使用示例：

<template>
  <view>
    <view class="title">DatePicker</view>
    <picker mode="date" :value="date" start="1990-01-01" end="2100-12-31" @change="onDateChange">
      <view class="picker">{{ date }}</view>
    </picker>
  </view>
</template>
<script>
export default {
  data() {
    return {
      date: ''
    }
  },
  methods: {
    onDateChange(e) {
      this.date = e.detail.value
    }
  }
}
</script>

说明：

- 使用picker组件，设置mode为date，value为当前选中的日期，start和end为可选日期的范围。
- @change事件会在选择器的值改变时触发，将选中的日期赋值给date。

2. TimePicker

TimePicker可以选择小时和分钟。

使用示例：

<template>
  <view>
    <view class="title">TimePicker</view>
    <picker mode="time" :value="time" start="00:00" end="23:59" @change="onTimeChange">
      <view class="picker">{{ time }}</view>
    </picker>
  </view>
</template>
<script>
export default {
  data() {
    return {
      time: ''
    }
  },
  methods: {
    onTimeChange(e) {
      this.time = e.detail.value
    }
  }
}
</script>

说明：

- 使用picker组件，设置mode为time，value为当前选中的时间，start和end为可选时间的范围。
- @change事件会在选择器的值改变时触发，将选中的时间赋值给time。