VUE ELEMENT UI 去除日期时间选择器里的此刻按钮
如下图
在这里插入图片描述
找了一下，应该没有直接去除的快捷方法，所以通过css隐藏掉该按钮，同时项目中多次引用过这个el-date-picker，而且应该只对当前的生效，不能把其他的也给改了，所以方法如下，
属性中新增一个popper-class，然后取个类名xxxxxxx

 <el-date-picker
              popper-class="xxxxxxx"
              v-model="ruleForm.startTime"
              type="datetime"
              value-format="yyyy-MM-dd HH:mm:ss"
              format="yyyy-MM-dd HH:mm"
              placeholder="选择日期时间"
              :picker-options="pickerOptions"
            ></el-date-picker>

然后在style中填写样式

<style>
.xxxxxxx.el-picker-panel__footer .el-button--text{
  display: none !important;
}
</style>

然后就只对当前生效就好了，如果想对所有生效，那么不设置类名，直接设置全局样式即可，修改后如下
在这里插入图片描述

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue