uni-datetime-picker怎么隐藏起来，通过按钮点击只出现时间选择器

在 `uni-datetime-picker` 中，你可以使用 `show` 属性来控制组件的显示和隐藏。当 `show` 的值为 `true` 时，组件显示，当 `show` 的值为 `false` 时，组件隐藏。因此，你可以通过按钮点击事件来改变 `show` 属性的值来实现组件的显示和隐藏。

下面是一个示例代码，点击按钮 `Show Time Picker` 显示时间选择器，点击按钮 `Hide Time Picker` 隐藏时间选择器：

<template>
  <view>
    <uni-datetime-picker
      :show="show"
      mode="time"
      @confirm="onConfirm"
      @cancel="onCancel"
    ></uni-datetime-picker>
    <button @tap="showTimePicker">Show Time Picker</button>
    <button @tap="hideTimePicker">Hide Time Picker</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      show: false
    };
  },
  methods: {
    onConfirm(e) {
      console.log(e);
    },
    onCancel() {
      this.show = false;
    },
    showTimePicker() {
      this.show = true;
    },
    hideTimePicker() {
      this.show = false;
    }
  }
};
</script>

在上面的代码中，我们使用 `show` 属性来控制时间选择器的显示和隐藏。当用户点击 `Show Time Picker` 按钮时，`show` 属性的值被设置为 `true`，时间选择器显示；当用户点击 `Hide Time Picker` 按钮时，`show` 属性的值被设置为 `false`，时间选择器隐藏。