首页 > 其他分享 >element-ui 时间组件date-picker 去掉“此刻”二字

element-ui 时间组件date-picker 去掉“此刻”二字

时间:2024-10-24 16:50:18浏览次数:9  
标签:picker el no element 二字 atTheMoment 组件 去掉

用element-ui的时间组件时,想去掉“此刻”二字

官方文档没有提供去掉这个的属性,网上查了一下,主要是通过给这个标签添加css属性,display:none,来隐藏。但是我在组件内的

<el-col :span="span">
    <el-form-item
        :label="$t('historicalDataRetransmission.taskBeginTime')"
        prop="taskBeginTime">
        <el-date-picker
            v-model="ruleForm.taskBeginTime"
            popper-class="no-atTheMoment"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"/>
    </el-form-item>
</el-col>

在这个标签内加入popper-class="no-atTheMoment",这个是官方提供的日期弹出层添加样式的方法,用这个classname做限制,不想显示“此刻”的,就加上这个,想显示的,就去掉它即可。

.el-picker-panel.no-atTheMoment {
    .el-button--text.el-picker-panel__link-btn {
        display: none;
    }
}

标签:picker,el,no,element,二字,atTheMoment,组件,去掉
From: https://blog.csdn.net/hongyu799/article/details/143213673

相关文章

  • (系列九)使用Vue3+Element Plus创建前端框架(附源码)
    说明  该文章是属于OverallAuth2.0系列文章,每周更新一篇该系列文章(从0到1完成系统开发)。   该系统文章,我会尽量说的非常详细,做到不管新手、老手都能看懂。   说明:OverallAuth2.0是一个简单、易懂、功能强大的权限+可视化流程管理系统。友情提醒:本篇文章是属于系......
  • cannot bind non-const lvalue reference of type ‘QDomElement&’ to an rvalue of
    /mnt/hgfs/SharedFolders/KingKongNano/YiKingStudio/TopoConfig/topoconfigwindow.cpp:2079:error:cannotbindnon-constlvaluereferenceoftype‘QDomElement&’toanrvalueoftype‘QDomElement’FreshPdoandVarIndex(TopologyVarFileDocDemo->document......
  • element-ui中,使用this.$message.success(“登录成功“),如何修改文字的样式呢?
    在element-ui中使用this.$message.success(“注册成功”);时,直接修改文字样式并没有暴露出很方便的接口,因为ElementUI的消息提示组件Message是通过JavaScript动态创建的。但是你可以通过以下方法自定义消息的样式:方法1:使用customClass属性ElementUI的Me......
  • tauri2.0-admin-vue3+element-plus客户端后台管理系统-源码版
    基于Tauriv2+vue3+ElementPlus+Echarts首款重磅桌面端后台管理系统Exe解决方案Tauri2Vue3Admin,正式完结了。趁着周末,录制了一个源码版演示视频。【源码版】tauri2.0+vite5+element-plus中后台管理系统解决方案技术栈编码器:vscode技术框架:tauri2.0+vite5.4.8+vue3.5......
  • vue3.0 使用Element Plus修改el-table表格的横纵滚动条颜色、宽高等样式
    在Vue3.0和ElementPlus中修改el-table的滚动条样式,可能遇到了样式不生效的问题。这通常是因为ElementPlus使用了自定义的滚动条组件el-scrollbar,而不是浏览器默认的滚动条。因此,需要针对el-scrollbar组件进行样式定制。<stylescoped>/*滚动条整体部分*/......
  • 【Vue3】将 Element Plus 引入 Vue3 项目
    前言在Vue3项目中使用ElementPlus可以为项目提供丰富的UI组件和交互体验。下面将介绍如何将ElementPlus引入Vue3项目中。步骤安装ElementPlus首先需要通过npm、yarn或pnpm安装ElementPlus包。可以选择其中一种方式进行安装。#NPM$npminstall......
  • element-plus框架样式设置不生效
    问题:在element-plus的菜单组件中,二级菜单折叠,然后鼠标悬浮的时候,出现的内容是有内边距,我想去掉,如图:但是在控制台找到了相应的类,需要把padding设置为0。我通过如下代码设置不生效,原因:可能是生成的二级菜单样式里面没有带特定的hash属性而vue代码里面样式里带了scoped生成的样......
  • 代码实战-前端-Vue ElementUI 调用摄像头并上传到后端的代码案例
    先上效果图调用摄像头的图片拍照的图片上传文件的效果图查看上传的图片(上传完的图片合并成一个PDF)引入插件--引入组件importCameraImagefrom'@/components/CameraImage/CameraComponets.vue';--放在vue的components中components:{CameraIm......
  • vue+element+Cascader 级联选择器任意一级选项,去掉单选框radio
         <template><divclass="block"><h1class="demonstration">选中的值:{{value}}</h1><el-cascader:options="options"v-model="value"popper-class="cas......
  • Vue 3中集成Element Plus组件库
    文章目录一、ElementPlus简介二、安装ElementPlus2.1安装ElementPlus2.2引入ElementPlus三、使用ElementPlus组件3.1创建组件3.2组件引入四、总结随着前端开发的快速发展,组件库已经成为开发实践中不可或缺的部分。Vue3作为一个现代的J......