datepicker：（更改）事件或（selectedChanged）在mat-datepicker中不起作用

Question

我正在处理的场景是 -> 在 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>

Answer 1

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。

datepicker：（更改）事件或（selectedChanged）在mat-datepicker中不起作用

datepicker: (change) event or (selectedChanged) does not work in mat-datepicker

datepicker

angular6

angular-material-6