element日期时间选择器el-date-picker如何让清空和此刻两个选项同时存在

Element UI 的日期时间选择器 `el-date-picker` 要实现在一个组件上同时显示“清空”和“当前时刻”这两个选项，你可以通过自定义其内部插槽 (slot) 或者使用它的 API 进行定制。这里提供一种基本的做法：

1. **使用插槽**:
首先，在组件模板里添加一个特殊的插槽，比如 `<template slot="picker">...</template>`，然后在该插槽中加入你想要的内容。例如，可以创建两个按钮分别对应“清空”和“当前时刻”：

<el-date-picker
  v-model="value"
  type="datetime"
  placeholder="请选择日期和时间"
  @clear="handleClear"
>
  <template slot="picker">
    <button @click="handleClear">清空</button>
    <button @click="setToCurrentTime">当前时间</button>
    <!-- 其他原生日期时间选择器内容 -->
  </template>
</el-date-picker>

2. **处理函数**:
对于 `handleClear` 和 `setToCurrentTime` 方法，你可以定义它们来清除值或者设置到当前时间：

export default {
  data() {
    return {
      value: '',
    };
  },
  methods: {
    handleClear() {
      this.value = '';
    },
    setToCurrentTime() {
      this.value = new Date();
    },
  },
};

注意：这种方法可能会覆盖默认的日期时间选择器样式。如果你希望保留原有风格并增加这两个按钮，可能需要对样式做一些调整。