Angular 如何在没有<;mat日期选择器开关>;

Angular 如何在没有<;mat日期选择器开关>;,angular,datepicker,angular-material,Angular,Datepicker,Angular Material,我想在用户关注输入元素时打开一个日期选择器。我不想要切换按钮 <input matInput [matDatepicker]="picker" type="text" name="dob" #dob="ngModel" class="form-control" [(ngModel)]="details.dob&q

我想在用户关注输入元素时打开一个日期选择器。我不想要切换按钮

<input
     matInput
     [matDatepicker]="picker"
     type="text"
     name="dob"
     #dob="ngModel"
     class="form-control"
     [(ngModel)]="details.dob"
     placeholder="Enter Date of Birth"
     readonly
 />
 <mat-datepicker #picker></mat-datepicker>


上述代码不提供此功能。

添加带有处理程序的
焦点
事件,该处理程序是picker.open()

<input
         matInput
         [matDatepicker]="picker"
         type="text"
         name="dob"
         #dob="ngModel"
         class="form-control"
         [(ngModel)]="details.dob"
         (focus)="picker.open()"
         placeholder="Enter Date of Birth"
         readonly
     />
     <mat-datepicker #picker></mat-datepicker>

调用的可能重复
picker.open()
添加
(焦点)=“picker.open()”