在角度2材质中显示两个日期选择器

Question

为什么我不能在同一页面中显示两个matDatepicker？比如从日期到日期。每当我显示这两个日期选择器时，它不会显示整个页面，它甚至没有给我一个错误。

<mat-card>
     All Activities
                <mat-form-field>
                    <input matInput name="from" [matDatepicker]="picker" placeholder="From">
                    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
                    <mat-datepicker #picker></mat-datepicker>

                </mat-form-field>   

                <mat-form-field>
                    <input matInput name="to" [matDatepicker]="picker" placeholder="To">
                    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
                    <mat-datepicker #picker></mat-datepicker>

                </mat-form-field>   
        </mat-card>

Answer 1

为两者使用不同的ID。例如：pickerFrom和pickerTo。      所有活动                                                                                

            </mat-form-field>   

            <mat-form-field>
                <input matInput [matDatepicker]="pickerTo" placeholder="To">
                <mat-datepicker-toggle matSuffix [for]="pickerTo"></mat-datepicker-toggle>
                <mat-datepicker #pickerTo></mat-datepicker>

            </mat-form-field>   
    </mat-card>