如何在模态中打开日期选择器？

Posted 2021-05-01

我有一个角度4项目要求在模态中打开mat-date选择器。我已经尝试了很多方法来进行搜索并在网上搜索，但是失败了。有没有任何合适的方法可以做到这一点？或者任何其他不错的日期选择器以模态打开或弹出一些东西？

<mat-form-field>
     <input matInput [matDatepicker]="picker" placeholder="Choose a date">
     <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
     <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

答案

您可以使用touchUi的MatDatepicker输入来获取适用于移动用户的触摸UI。 （你可以把它当作一种模态）

<mat-form-field>
    <input matInput [matDatepicker]="picker" placeholder="Choose a date">
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker touchUi></mat-datepicker>
</mat-form-field>