css 输入字段的Angular 数据选取器下侧

afdcj2ne  于 2023-02-01  发布在  Angular
关注(0)|答案(1)|浏览(103)

当我试图打开角材料datepicker它是打开一个输入字段的上方。如何使它打开一个输入字段的下方。

<mat-form-field appearance="outline" class="w-100 date-class">
          <mat-label class="required">End Date</mat-label>
          <input
            matInput
            [matDatepicker]="picker2"
            (dateChange)="onEndDateChange($event)"
            [min]="todayDate"
            formControlName="toDate"
            readonly
          />
          <mat-datepicker-toggle matPrefix [for]="picker2"></mat-datepicker-toggle>
          <mat-datepicker #picker2 yPosition="below"></mat-datepicker>
</mat-form-field>
wpx232ag

wpx232ag1#

如果您想控制放置的位置,您可以使用如下参数:日期选取器下拉位置X,日期选取器下拉位置Y(https://material.angular.io/components/datepicker/api

type DatepickerDropdownPositionY = 'above' | 'below';

相关问题