el-date-picker设置日期选择间隔范围
时间: 2023-02-11 08:06:25 浏览: 148
datepicker 前端时间范围选择
在 vue.js 中使用 element-ui 的 el-date-picker 时可以通过设置 "picker-options" 来限制日期选择范围。具体使用方法如下:
```
<el-date-picker v-model="yourDate" :picker-options="pickerOptions"></el-date-picker>
```
```
data() {
return {
pickerOptions: {
disabledDate(time) {
// time 为一个时间对象
return time.getTime() < Date.now() - 8.64e7 // 不能选择当天之前的日期
}
},
}
}
```
picker-options属性中需要传入一个函数,用来判断当前选择的日期是否在限制范围内,满足条件会返回 true,不满足条件会返回 false。
上面的例子是限制不能选择当天之前的日期,大家可以根据实际需求来改变其中的函数。
阅读全文