vue2 element ，设置DatePicker 日期选择器的弹窗框，不需要输入框， 只控制在 点击图标， 显示隐藏弹出框，完整代码

在 Vue 2 中使用 Element UI 的 DatePicker 组件，如果你想创建一个点击图标直接显示或隐藏日期选择器的弹出框，而不需要用户手动输入，你可以通过自定义事件和组件的 `visible` 属性来实现。首先，确保你已经安装了 Element UI 和相关的依赖。

下面是一个基本的示例代码：

<template>
  <div>
    <el-button @click="showDatePicker" icon="el-icon-date">选择日期</el-button>
    <el-date-picker v-model="selectedDate" type="date" :visible.sync="showPicker" placeholder="请选择日期"></el-date-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedDate: '',
      showPicker: false,
    };
  },
  methods: {
    showDatePicker() {
      this.showPicker = !this.showPicker; // 当点击按钮时，切换 visible 属性
    },
  },
};
</script>

<style scoped>
.el-date-picker {
  /* 如果需要，可以调整样式隐藏输入框，例如：
   .el-date-picker__input {
     display: none;
   }
  */
}
</style>

在这个例子中，当用户点击 "选择日期" 按钮时，`showPicker` 的值会被翻转，进而控制 DatePicker 弹出框的显示和隐藏。`v-model.sync` 则用于实时同步 `selectedDate` 的值，尽管实际上你可能并不需要它，因为我们只关心是否显示选择器。