각도 재질 날짜 선택기 수동 개방 그래서 같은 <code>open()</code> 및 <code>close()</code> 방법을 사용하여 프로그래밍 방식으로 제어되는 팝업 달력의 예가있는 날짜 선택기 문서에서

Question

:

<mat-form-field class="example-full-width"> 
    <input matInput [matDatepicker]="picker" placeholder="Choose a date"> 
    <mat-datepicker #picker></mat-datepicker> 
</mat-form-field> 
<button mat-raised-button (click)="picker.open()">Open</button> 

하나는 true로 opened 속성을 설정할 수는/거짓과 같이 : 다른 날짜에 주위를 클릭 달력 팝업을 얻기 위해이를 사용하는 사용자를 영구히시키기위한 목적으로 개설 유지 어쨌든이있는 경우

<button mat-raised-button (click)="picker.opened = true">Open</button> 

궁금해하는 그 선택이 입력에 반영되어 있는가?

export class YourComponent{ 
    @ViewChild('picker') picker; 
    //.... 
    reOpenCalendar(){ 
    let self = this; 
     setTimeout(
      ()=>{     
       self.picker.open(); 
      }, 
      50 
     ); 
    } 
} 

이 날짜 선택 도구로 플래시 효과를 소개합니다 : /의 JS 당신이 새로운 방법을 선언 할 필요가 파일 구성 요소 TS에

<mat-form-field class="example-full-width"> 
    <input matInput (dateChange)="reOpenCalendar()" [matDatepicker]="picker" placeholder="Choose a date"> 
    <mat-datepicker #picker></mat-datepicker> 
</mat-form-field> 
<button mat-raised-button (click)="picker.open()">Open</button> 

:

Answer 1

난 당신이 시도 할 수 있습니다 추측 사라지고 빠르게 다시 나타납니다.

다른 솔루션은 로컬 프로젝트에 포크 각 재료의 날짜 선택기 구성 요소 수와 날짜가 날짜 인 경우