el-calendar限制日期为今天往后14天
时间: 2024-12-22 22:24:15 浏览: 14
el-calendar是一个用于显示和管理日期的选择组件,通常在Angular或Vue.js等前端框架中使用。如果你想设置日期范围,比如从今天的日期开始往后推14天,你可以通过编程的方式来控制它的初始选中日期。这里有一个基本的例子:
```javascript
// Angular示例
import { Component } from '@angular/core';
@Component({
selector: 'app-date-range',
template: `
<el-calendar
[(ngModel)]="startDate"
[options]="calendarOptions"
></el-calendar>
`,
})
export class DateRangeComponent {
startDate = new Date(); // 当前日期
calendarOptions = {
startOfWeek: 'sunday', // 可选,默认为周一
type: 'daterange', // 设置为daterange类型
rangeState: {
end: this.addDays(this.startDate, 14), // 向后加14天作为结束日期
},
};
addDays(date, days) {
return new Date(date.getTime() + days * 24 * 60 * 60 * 1000);
}
}
```
在这个例子中,`addDays`函数用来计算当前日期加上14天,然后将结果作为结束日期`end`传递给`rangeState`。这会确保默认选中的日期范围是从今天开始,到今天之后的第14天。
阅读全文