el-date-picker去掉此刻按钮

要去掉el-date-picker中的“此刻”按钮，可以通过在组件中添加popper-class="hide-time"属性，并在全局样式中添加样式修改来实现。具体方法如下：
1. 在el-date-picker组件中添加popper-class="hide-time"属性，如下所示：
<el-date-picker v-model="formData.end_at" popper-class="hide-time" placeholder="请选择时间" type="datetime" :picker-options="pickerOptions" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" prefix-icon="el-icon-date"></el-date-picker>
2. 在全局样式中添加样式修改，如下所示：
.el-picker-panel.hide-time {
.el-button--text.el-picker-panel__link-btn {
display: none;
}
}
这样就可以去掉el-date-picker中的“此刻”按钮了。

相关问题

el-date-picker 隐藏此刻按钮

要隐藏el-date-picker组件中的"此刻"按钮，可以在该组件的标签内添加popper-class属性，并将其值设置为"no-atTheMoment"。这是官方提供的日期弹出层添加样式的方法之一。通过添加这个类名，可以限制不想显示"此刻"按钮的情况，如果想显示该按钮，则可以将该类名移除。

以下是一个示例代码：

<el-date-picker v-model="postData.startDateTime" type="datetime" popper-class="no-atTheMoment" value-format="yyyy-MM-dd HH:mm:ss" :picker-options="pickerOptionsStartDateTime" placeholder="开始时间"></el-date-picker>

在上述代码中，我们将popper-class属性设置为"no-atTheMoment"，这样就可以隐藏el-date-picker组件中的"此刻"按钮。

el-date-picker去除此刻 的回调函数

### 移除 `el-date-picker` 中的“此刻”按钮

为了移除 `el-date-picker` 组件中的“此刻”(now)按钮，可以通过自定义组件属性来控制该功能。具体来说，可以利用 `unlinkPanels` 和 `pickerOptions` 属性来进行配置。

对于 Vue 3 版本下的 Element Plus 库而言，如果想要完全隐藏或禁用“此刻”按钮，则可以在初始化日期选择器时通过设置 `pickerOptions.disabledDate` 或者直接覆盖默认的行为[^1]。然而更推荐的方式是使用 `buttons` 配置项，这允许开发者指定哪些操作按钮应该被展示出来：

const pickerOptions = {
    shortcuts: [], // 清空快捷选项
    buttons: ['confirm'] // 只保留确认按钮, 去掉 "现在" 按钮
};

接着将此对象作为 prop 传递给 `<el-date-picker>` 组件:

<template>
  <div>
    <!-- 使用 :picker-options 来绑定上面定义的对象 -->
    <el-date-picker
      v-model="dateValue"
      type="datetime"
      placeholder="请选择时间"
      :picker-options="pickerOptions">
    </el-date-picker>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';

// 定义数据模型和其他逻辑...
let dateValue = ref('');
const pickerOptions = {
  shortcuts: [],
  buttons: ['confirm']
}
</script>

上述代码片段展示了如何仅保留确认按钮而去除其他不必要的按钮，从而实现了不显示“此刻”的目的[^2]。