uniapp picker展示和隐藏

UniApp的Picker组件是一个用于选择日期、时间或选项列表的UI控件。展示和隐藏Picker的操作相对简单。以下是基本步骤：

1. 展示Picker：
首先，在需要显示Picker的页面的WXML文件中，通过`<picker>`标签引入并设置属性。例如，你可以这样做：

   <view bindtap="showPicker">
     点击这里选择日期
     <picker v-model="selectedDate" range="{{dateRange}}" visible="{{pickerVisible}}"></picker>
   </view>

这里，`v-model`绑定数据到Picker的选择结果，`range`定义了可供选择的范围，`visible`控制Picker的显示状态。

2. 控制Picker的显示与隐藏：
在对应的JS文件中，定义如`showPicker`这样的方法，它会改变`pickerVisible`的值来切换Picker的可见性：

   methods: {
     showPicker() {
       this.pickerVisible = true; // 显示Picker
     },
     hidePicker() {
       this.pickerVisible = false; // 隐藏Picker
     }
   }

当用户完成选择后，也可以在事件处理函数中关闭Picker，比如`change`事件：

   pickerChange(e) {
     this.selectedDate = e.detail.value;
     this.hidePicker();
   }