我正在研究的场景是 - >关于选择mat datepicker上的日期我想做一个http调用,它执行一些计算尝试使用(selectedChanged)做这个,但似乎没有工作,想要如何我的帮助可以解决这个问题,提前谢谢以下是我正在尝试这样做的HTML代码
<div class="form-group m-form__group row">
<div class="col-lg-4 m-form__group-sub">
<mat-form-field class="example-full-width" appearance="outline">
<mat-label>Policy Start Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate
[matDatepicker]="picker4"
placeholder="Choose a date" formControlName="policy_start_date" >
<mat-datepicker-toggle matSuffix [for]="picker4" >
</mat-datepicker-toggle>
<mat-datepicker #picker4 (selectedChanged)="currentPeriodClicked()">
</mat-datepicker>
</mat-form-field>
</div>
MatDatepicker没有selectedChanged
事件。尝试在MatDatepickerInput上使用dateChange
或dateInput
事件:
<mat-form-field class="example-full-width" appearance="outline">
<mat-label>Policy Start Date</mat-label>
<input matInput [min]="minDate" [max]="maxDate
[matDatepicker]="picker4"
(dateChange)="currentPeriodClicked()"
placeholder="Choose a date"
formControlName="policy_start_date" >
<mat-datepicker-toggle matSuffix [for]="picker4" ></mat-datepicker-toggle>
<mat-datepicker #picker4></mat-datepicker>
</mat-form-field>
见:https://v6.material.angular.io/components/datepicker/overview#input-and-change-events。