el-date-picker限制时间范围半年
时间: 2023-09-04 10:15:23 浏览: 102
vue element-ui el-date-picker限制选择时间为当天之前的代码
你可以使用 `picker-options` 属性来限制 `el-date-picker` 的时间范围。例如,以下代码可以限制选择的时间范围为当前日期及其前半年的时间段:
```html
<el-date-picker
v-model="date"
type="date"
:picker-options="pickerOptions"
></el-date-picker>
```
```javascript
data() {
return {
date: '',
pickerOptions: {
disabledDate(time) {
const halfYearAgo = new Date();
halfYearAgo.setMonth(halfYearAgo.getMonth() - 6);
return time.getTime() < halfYearAgo.getTime() || time.getTime() > Date.now();
}
}
}
}
```
在 `picker-options` 中,我们使用 `disabledDate` 属性来定义不可用的日期。在这个例子中,我们将当前日期往前推半年作为起始日期,判断当前日期是否在这个时间段内,如果不在,则将其禁用。
阅读全文