element 时间选择器 限制时分秒_elementui时间选择器日期选择范围限制(el-date-picker)...
时间: 2023-08-02 19:11:31 浏览: 99
element-ui 限制日期选择的方法(datepicker)
对于element-ui的时间选择器,你可以使用picker-options属性来限制时分秒。具体来说,你可以在picker-options属性中设置一个selectableRange对象,该对象指定了可选的时间范围。例如,以下代码将限制时间选择器只能选择从早上9点到晚上6点之间的时间:
```html
<el-time-picker
:picker-options="{
selectableRange: '09:00:00 - 18:00:00'
}"
></el-time-picker>
```
如果你想限制日期选择范围,你可以使用el-date-picker的disabled-date属性。该属性接受一个函数,该函数返回一个布尔值指示该日期是否可选。例如,以下代码将禁用所有2019年之前和2022年之后的日期:
```html
<el-date-picker
v-model="date"
:disabled-date="disabledDate"
></el-date-picker>
```
```javascript
methods: {
disabledDate(date) {
const year = date.getFullYear()
return year < 2019 || year > 2022
}
}
```
希望这些能帮到你!
阅读全文