uniapp picker日期时间段选择器

UniApp 的 Picker 组件提供了一个日期时间选择器的功能，其中包括日期和时间段的选择。`picker`组件通常用于让用户从一组选项中选择特定的时间段，例如开始时间和结束时间。在 UniApp 中，你可以通过以下步骤使用 `picker`组件创建日期时间选择器：

1. 引入组件：首先需要导入`uni-picker`和`uni-picker-view`模块。

import { uni-picker, uni-picker-view } from '@dcloudio/uni-app';

2. 创建组件实例：在你需要选择日期或时间的地方，添加`picker`组件，并设置属性如选择模式、列数等。

<picker bindchange="handlePickerChange" :type="pickerType" :range="pickerRange">
  <picker-view>
    <!-- 日期或时间列会显示在这里 -->
  </picker-view>
</picker>

3. 定义数据和方法：在对应的JavaScript文件中，定义`pickerType`（选择模式，比如'date'或'datetime'）、`pickerRange`（可以选择的时间范围）以及处理选择事件的`handlePickerChange`方法。

data() {
  return {
    pickerType: 'datetime', // 日期或日期时间
    pickerRange: ['2022-01-01', '2022-12-31'], // 可选时间段，默认全年
  };
},
methods: {
  handlePickerChange(value) {
    console.log('用户选择了：', value);
    // 根据需要更新状态或发送请求
  },
}

4. 样式调整：根据设计需求，可以自定义`picker-view`内的样式和展示效果。