如图

添加输入框显示格式
html
format="yyyy-MM-dd HH:mm"
value-format="yyyy-MM-dd HH:mm"
html
<el-date-picker
v-model="query.startDate"
format="yyyy-MM-dd HH:mm"
value-format="yyyy-MM-dd HH:mm"
type="datetimerange"
range-separator="至" class="date-item"
:start-placeholder="$t('NeoLight.startTime')"
:end-placeholder="$t('NeoLight.endTime')"
@change="crud.toQuery"
/>
并修改样式如下
css
.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(3) {
display: none !important;
}
这样就可以显示到分了~
同理, 选择器精确到小时,并且禁止选分钟和秒的配置

添加显示格式
html
format="yyyy-MM-dd H"
value-format="yyyy-MM-dd HH"
html
<el-date-picker
v-model="query.startDate"
format="yyyy-MM-dd H"
value-format="yyyy-MM-dd HH"
type="datetimerange"
range-separator="至" class="date-item"
:start-placeholder="$t('NeoLight.startTime')"
:end-placeholder="$t('NeoLight.endTime')"
@change="crud.toQuery"
/>
并修改样式
css
.el-picker-panel{
.el-scrollbar:nth-of-type(2) {
display: none !important;
}
}
.el-time-spinner {
text-align: center;
}