uni-datetime-picker怎么隐藏起来通过按钮点击出现

你可以使用以下步骤来隐藏uni-datetime-picker并通过按钮点击显示出来：

1. 首先，在页面中添加一个按钮，例如：

<uni-button @click="showPicker">显示日期选择器</uni-button>

2. 在data属性中添加一个变量来控制日期选择器的显示和隐藏：

data() {
  return {
    showDatepicker: false
  }
}

3. 在按钮的点击事件中，将showDatepicker变量设置为true，以显示日期选择器：

methods: {
  showPicker() {
    this.showDatepicker = true;
  }
}

4. 然后，在uni-datetime-picker组件上使用v-if指令来根据showDatepicker变量的值来控制显示和隐藏：

<uni-datetime-picker v-if="showDatepicker"></uni-datetime-picker>

5. 最后，在日期选择器组件上添加一个取消按钮，并在点击事件中将showDatepicker变量设置为false，以隐藏日期选择器：

<uni-datetime-picker v-if="showDatepicker">
  <uni-button @click="hidePicker">取消</uni-button>
</uni-datetime-picker>

完整示例代码如下：

<template>
  <div>
    <uni-button @click="showPicker">显示日期选择器</uni-button>
    <uni-datetime-picker v-if="showDatepicker">
      <uni-button @click="hidePicker">取消</uni-button>
    </uni-datetime-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showDatepicker: false
    }
  },
  methods: {
    showPicker() {
      this.showDatepicker = true;
    },
    hidePicker() {
      this.showDatepicker = false;
    }
  }
}
</script>