Angular 有条件地禁用mat datepicker中的日期

我在angular 7项目中使用angular material datepicker。我想在某些条件下使日期选择器为只读。如果日期大于当前日期，我希望使日期选择器为只读，而不允许用户更改日期

---

我试过了。disableDate=true；然后尝试了[readonly]属性，也尝试了disabled属性，但它不起作用。如何实现这一点？

不确定如何应用disabled属性，但如果将其应用于输入，该属性应该可以工作。mat日期选择器使用

matInput

，该属性已禁用

。您可以将属性与您的条件绑定。一旦输入满足条件，日期选择器图标和输入字段将被禁用

<mat-form-field>
  <input matInput [matDatepicker]="picker" [disabled]="true">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

DatePiecker具有max属性，您可以将其设置为所需的任何值

组成部分

maxDate = new Date(); 

Template.html

<mat-form-field>
  <input matInput [matDatepicker]="picker" [max]="maxDate">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>


请提供您尝试过的代码片段。这是我的代码，但它不起作用：嗨，Mamta，我不想禁用未来的日期。我不希望用户更改特定条件下的日期，因此我希望在特定条件下禁用日历。在这种情况下，如果您已经具备该条件，则可以使用[禁用]=“您的条件”或者，如果您希望在用户选择某个日期时执行某些操作，则可以使用date的dateChange属性picker@YogeshMali我已经更新了禁用日期的stackblitz代码。请检查谢谢Mamta，你能分享代码吗，我看不到。另外，我正在寻找的是禁用选择日期的选项。