vue+element-ui实现el-time-picker组件只显示分钟和秒
【代码】vue+element-ui实现el-time-picker组件只显示分钟和秒。
·
1.实现效果
2.页面代码
<el-time-picker
v-model="formValidate.flightDuration"
value-format="mm:ss"
format="mm:ss"
:picker-options="{
selectableRange: '00:00:00 - 00:59:59'
}"
popper-class="noneMinute"
placeholder="飞行时长">
</el-time-picker>
3.修改样式
<style lang='scss'>
//这个应该是隐藏小时的代码
.noneMinute {
.el-scrollbar:nth-of-type(1) {
display: none;
}
//调整样式
.el-time-spinner {
width: 150%;
white-space: nowrap;
}
}
</style>
更多推荐
已为社区贡献2条内容
所有评论(0)