el-time-select 时间显示整数
时间: 2024-04-24 11:19:13 浏览: 110
el-select-tree:ElementUI的el-select与el-tree结合
5星 · 资源好评率100%
el-time-select 是 Element UI 中的一个时间选择器组件,用于选择时间。默认情况下,el-time-select 显示的时间是以 24 小时制的方式展示的,即显示整数。
如果你想要 el-time-select 显示整数,可以通过设置 format 属性来实现。你可以将 format 属性设置为 "HH:mm",这样 el-time-select 就会以 24 小时制的方式显示整数时间。
以下是一个示例代码:
```html
<template>
<div>
<el-time-select v-model="time" format="HH:mm"></el-time-select>
</div>
</template>
<script>
export default {
data() {
return {
time: ''
};
}
};
</script>
```
在上述代码中,el-time-select 组件的 format 属性被设置为 "HH:mm",这样选择的时间就会以整数形式显示,例如 "09:30"。
阅读全文