elementui日期选择器选择年限制近两年
时间: 2023-09-03 20:05:30 浏览: 136
Vue+ElementUI 中级联选择器Bug问题的解决
5星 · 资源好评率100%
您可以使用 `start` 和 `end` 属性来限制日期选择器的选择范围,如下所示:
```html
<el-date-picker
v-model="date"
type="date"
:start="startDate"
:end="endDate"
></el-date-picker>
```
在您的 Vue 组件中,您可以定义 `startDate` 和 `endDate` 变量,并将它们设置为当前年份和下一年份,以限制日期选择器只能选择近两年的日期。例如:
```js
export default {
data() {
return {
date: '', // 用户选择的日期
startDate: new Date().getFullYear() - 1 + '-01-01', // 当前年份的前一年
endDate: new Date().getFullYear() + 1 + '-12-31', // 下一年的最后一天
};
},
};
```
这将限制日期选择器只能选择从当前年份的前一年的 1 月 1 日到下一年的最后一天之间的日期。
阅读全文