el-date-picker 选择日期弹窗固定在下方

el-date-picker 是 Element UI 提供的一个日期选择器组件，如果你想让选择日期的弹窗（也叫日历面板）默认固定在页面下方，这通常需要一些自定义设置。Element UI 的日期选择器本身并没有直接提供这样的功能，但是可以通过 CSS 和一些 JavaScript 来调整样式达到目的。以下是一种常见的做法：

1. **修改 CSS**：你可以创建一个新的 CSS 类，例如 `.custom-datepicker-bottom`，并将其应用于 `el-date-picker` 上。设置 `position: fixed`，`bottom: 0` 等属性来使其固定在底部。

.custom-datepicker-bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
}

然后在 HTML 中应用这个类：

<el-date-picker class="custom-datepicker-bottom" ...></el-date-picker>

2. **JavaScript 配置**：虽然官方 API 没有直接提供这种方式，但你仍可通过监听日期选择器的事件并在事件回调中改变其样式，比如 `@popper-show` 或者使用 Vue 的 `v-if` 切换容器的样式。

export default {
  methods: {
    showDatePicker() {
      this.$refs.datePicker.$el.classList.add('custom-datepicker-bottom');
      // 显示日期选择器...
    },
    hideDatePicker() {
      this.$refs.datePicker.$el.classList.remove('custom-datepicker-bottom');
      // 隐藏日期选择器...
    }
  },
  mounted() {
    this.showDatePicker();
  }
}

请注意，这种方法可能会因为浏览器兼容性和组件内部布局的变化而失效，所以在实际项目中，建议查阅 Element UI 的文档以及查看是否有可用的第三方插件来实现这一需求。