각형 소재 날짜 변경시 값 변경

Question

각도 및 각진 재질의 새 버전을 사용하고 있습니다. 사용자가 날짜를 변경하고 해당 값을 함수에 전달한 다음 무언가를 수행하는 순간에 datepicker 값을 가져와야합니다.

날짜 선택기

<mat-form-field> 
    <input matInput [matDatepicker]="picker" placeholder="Choose a date" [(ngModel)]="roomsFilter.date"> 
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle> 
    <mat-datepicker #picker [(ngModel)]="roomsFilter.date" ngDefaultControl (selectedChanged)="onChange($event)"></mat-datepicker> 
    </mat-form-field> 

이 함수. 당신이 더 많은 아이디어를 얻을 수 있도록

public onChange(event: any, newDate: any): void { 
    console.log(event.target.value); 
    // this.getData(newDate); 
    } 

Answer 1

죄송합니다. 전에 답변을 게시하지 않았지만 문제는 @ AJT_82의 의견으로 해결되었습니다. 여기 코드가 있습니다.

구성 요소 HTML

<mat-form-field> 
    <input matInput [matDatepicker]="picker" placeholder="Choose a date" [(ngModel)]="roomsFilter.date"> 
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle> 
    <mat-datepicker #picker [(ngModel)]="roomsFilter.date" ngDefaultControl (selectedChanged)="onDate($event)"></mat-datepicker> 
    </mat-form-field> 

compoment TS

public onDate(event): void { 
    this.roomsFilter.date = event; 
    this.getData(this.roomsFilter.date); 
    } 

기본적으로 난 그냥 datepicker의 $event이 값을 얻기 위해 과거.

Answer 2

<mat-form-field> 
    <input matInput [matDatepicker]="expiration1" placeholder="Expiration" [formControl]="expiration" required (dateChange)="EndDateChange($event)"> 
    <mat-datepicker-toggle matSuffix [for]="expiration1"></mat-datepicker-toggle> 
    <mat-datepicker #expiration1></mat-datepicker> 
</mat-form-field> 

이 데모 링크를 확인하시기 바랍니다. Example