Angular 在MatSelect上切换角度材质日期选择器单击并选择所选日期

当我点击角垫选择控件时，我试图使材质日期选择器自动打开

<mat-select formControlName="postDate" (focus)="openCalendar(picker)" (click)="openCalendar(picker)">
  <mat-option value="8555"><i>Delay Crew - 8555</i></mat-option>
  <mat-option value="9000"><i>Self Install - 9000</i></mat-option>
  <mat-option>
    <mat-input-container>
      <input matInput [matDatepicker]="picker">
      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
      <mat-datepicker #picker></mat-datepicker>
    </mat-input-container>
  </mat-option>
</mat-select>

延迟船员-8555
自行安装-9000

我试着使用mat select控件的focus和click事件，但不起作用

openCalendar(datePicker: MatDatepicker<Date>) {
    datePicker.open();
}

openCalendar（日期选择器：MatDatepicker）{
datePicker.open（）；
}

---

还有人可以帮助选择，选择日期时应将该日期作为mat select控件中的选项。

要在单击

select

元素时自动打开

DatePicker

，您可以修改html如下：

<mat-select formControlName="postDate" (focus)="openCalendar(picker)" (click)="openCalendar(picker)">
  <mat-option value="8555"><i>Delay Crew - 8555</i></mat-option>
  <mat-option value="9000"><i>Self Install - 9000</i></mat-option>
  <mat-option>
    <mat-input-container>
      <input matInput [matDatepicker]="picker">
      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
      <mat-datepicker #picker></mat-datepicker>
    </mat-input-container>
  </mat-option>
</mat-select>

<mat-select formControlName="postDate" (click)="picker.open()">
    <mat-option value="8555"><i>Delay Crew - 8555</i></mat-option>
    <mat-option value="9000"><i>Self Install - 9000</i></mat-option>
    <mat-option>
        <mat-input-container>
            <input matInput [matDatepicker]="picker">
            <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
            <mat-datepicker #picker></mat-datepicker>
        </mat-input-container>
    </mat-option>
</mat-select>

---

@谢谢bugs，一切顺利。但我只是想知道如何使日期选择显示在mat select控件上。另外，当在mat select控件的前两个选项上单击一次时，它会关闭datepicker控件，但没有选择该选项。很高兴它有所帮助。对于问题的第二部分，您希望当用户在选择中选择一个选项（即日期）时，在日期选择器中选择相同的日期？嘿，Bugs，当用户从日期选择器中选择日期时，或者如果用户选择其他2个选项，则该值应作为已选择的值显示在控件上。好的，我想我理解，当您在控件上说，您的意思是在mat select元素上？没错，它是一个控件中的2个控件[mat select中的日期选择器]。用户可以从日期选择器或mat select控件的前两个选项中选择日期，无论哪种方式，所选值都应显示在mat select元素上。