小编sha*_*qta的帖子

我有一个角度范围的材料日期选择器（开始日期和结束日期）。

目前，它是自由选择的。意思是，我可以选择任何开始日期和任何结束日期。我想稍微改变一下。我希望它限制最多 7 天的差异。我不想让用户选择天数差超过 7 的 2 个日期。

所以在日历里面：它看起来像这样

如您所见，10 月 5 日是开始日期，它允许我们选择 10 月 17 日作为结束日期。但我希望用户只能在 10 月 5 日至 10 月 12 日（最多 7 天差异）范围内选择结束日期。

有办法吗？

这是我的 HTML：

<mat-form-field class="datepicker" appearance="fill">
    <mat-label>Enter a date range</mat-label>
    <mat-date-range-input [formGroup]="rangeForm" [rangePicker]="picker" [max]="maxDate">
        <input matStartDate formControlName="start" placeholder="Start date" readonly>
        <input matEndDate formControlName="end" placeholder="End date" readonly>
    </mat-date-range-input>

打字稿：

import { Component, OnInit } from '@angular/core';
import { FormControl, FormGroup } from '@angular/forms';
import * as moment from 'moment';

@Component({
    selector: 'app-chart',
    templateUrl: …