javascript - Material 日历如何选择最大和最小日期？

Question

我正在使用 Material 日历，我希望用户只选择一个月的日期。我使用 minData 和 maxDate 字段。 minDate 有效，但 maxDate 无效。

exmple.component.html

<mat-calendar [selected]="selectedDate" (selectedChange)="onCalendarSelectedChange($event)" [minDate]="today" [maxDate]="maxDate"></mat-calendar>

这是给定的链接:

https://angular-pknsri.stackblitz.io

请帮帮我。

Answer 1

实际上，您已经用 anil 的回答更改了 stackblitz。所以我正在更新可能出错的地方。您应该分别为最小值和最大值创建两个不同的日期对象。

 var minCurrentDate = new Date();
    var maxNewDate = new Date();
    this.minDate = minCurrentDate;
    this.maxDate  = maxNewDate.setMonth(maxNewDate.getMonth()+1);

    // this.minDate = new Date(2000, 0, 1);
    // this.maxDate = new Date(2020, 0, 1);
    console.log(this.maxDate, minCurrentDate,maxNewDate, maxNewDate.getMonth());

当您在当前日期执行 setMonth() 时，您也更改了最小日期的引用。您的 minDate 和 max date 都指向同一件事。毕竟对象是一样的，只有引用改变了。所以尝试创建两个不同的对象并检查。

PS:Farhat 和我赛跑 :P。我没看到。