问答

elementui的DateTimePicker如何取消掉“此刻”按钮?

作者:admin 2021-06-17 我要评论

如上图所示。我不想显示 “此刻” 按钮,请问有什么方法可以做到吗? ### templatediv el-date-picker class="a" v-model="value2" type="datetime" placeholder...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

1595467252(1).png

如上图所示。我不想显示 “此刻” 按钮,请问有什么方法可以做到吗?

###
<template>
<div>
    <el-date-picker
      class="a"
      v-model="value2"
      type="datetime"
      placeholder="选择日期时间"
      align="right"
      :picker-options="pickerOptions">
    </el-date-picker>
</div>
</template>
<style scoped>
.a >>> .el-picker-panel__link-btn {
    display: none
}
</style>

参考

###

可以通过定位的方式,找到这个元素的class名称,再对这个元素通过display:none进行隐藏

###

最后是去修改的全局样式。
111.png

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 有哪些免费轻量级的适用于日志收集与展

    有哪些免费轻量级的适用于日志收集与展

  • 怎么讲JS 对象的value 赋值到key,形成

    怎么讲JS 对象的value 赋值到key,形成

  • 延迟队列DelayQueue的getDelay()方法,

    延迟队列DelayQueue的getDelay()方法,

  • input file 写了 accept="image/*"

    input file 写了 accept="image/*"

腾讯云代理商
海外云服务器