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

【问题标题】：How to open mat date picker in a modal?如何在模态中打开 mat 日期选择器？
【发布时间】：2018-08-09 08:52:10
【问题描述】：

我有一个 Angular 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>

【问题讨论】：

modal using material or bootstarp.?
你试过什么？您能否分享您的 CSS 代码等。你怎么失败了？我想你所问的可以通过简单地添加一些 css 代码来完成。

标签： angular datepicker material-design angular-material

【解决方案1】：

您可以将MatDatepicker 的touchUi 输入用于适用于移动用户的触摸式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>

【讨论】：