el-time-picker设置时分
时间: 2023-11-17 07:04:40 浏览: 93
react-native-alt-date-time-picker:用于日期时间选择的替代 UI
el-time-picker 是一个基于 Element UI 的时间选择器组件,可以方便地选择时间。设置时分的方法如下:
1. 在 el-time-picker 中设置 picker-options 属性,该属性是一个对象,包含了一些选项,其中 selectableRange 选项可以用来限制可选的时间范围。
2. 在 selectableRange 中设置时分的范围,例如 '18:30:00 - 23:59:59' 表示可选的时间范围为晚上 6 点半到晚上 12 点。
以下是一个示例代码:
```
<el-time-picker
v-model="time"
:picker-options="{ selectableRange: '18:30:00 - 23:59:59' }"
placeholder="选择时间">
</el-time-picker>
```
在上面的代码中,v-model 绑定了一个变量 time,用来存储选择的时间。picker-options 中设置了可选的时间范围为晚上 6 点半到晚上 12 点。placeholder 属性设置了默认提示文本。
阅读全文