element 日期时间组件选择器精确到小时，并且禁止选分钟和秒的配置

爱吃烧鸭蛋的叶安

于 2024-06-17 11:18:11 发布

阅读量1.2k

点赞数 4

分类专栏： element 文章标签： vue.js javascript ecmascript

本文链接：https://blog.youkuaiyun.com/c_qianxia5040/article/details/139738919

版权

element 专栏收录该内容

31 篇文章

订阅专栏

在这里插入图片描述
添加显示格式

format="yyyy-MM-dd H"
data-format="yyyy-MM-dd HH"

<el-date-picker
	v-model="searchDate"
	type="datetimerange"
	format="yyyy-MM-dd H"
	data-format="yyyy-MM-dd HH"
	range-separator="至"
	start-placeholder="开始时间"
	end-placeholder="结束时间"/>

并修改样式如下

.el-picker-panel{
    .el-scrollbar:nth-of-type(2) {
        display: none !important;
    }
}
.el-time-spinner {
    text-align: center;
}