Angular 材料 15 matInput 类型 datetime-local 缺少本机日期时间选择器

Question

我正在使用type 的归档（with ）mat-form-field，input直到Angular 14 为止，有一个用于本机日期时间选择器的按钮。\n但自从我升级到 Angular 15 并进行了 Material MDC 迁移后，该按钮丢失了，并且可以\'找不到任何选项来恢复此日期时间选择器。mat-input"datetime-local"

\n

我用谷歌搜索但什么也没找到。我想继续使用日期时间选择器

\n

这是我的代码：

\n

https://stackblitz.com/edit/angular-ivy-jzgzsq

\n

<mat-form-field class="half-width" appearance="fill">\n  <mat-label>Donwtime Start</mat-label>\n  <input\n    matInput\n    placeholder="dd.MM.yyyy hh:mm"\n    formControlName="startDateInput"\n    type="datetime-local"\n    [value]="startDate | date : \'yyyy-MM-ddTHH:mm\'"\n    (change)="convertStartDate($event)"\n    required\n    tabindex="1"\n  />\n  <mat-error *ngIf="controlGroup.get(\'startDateInput\').invalid">\n    Bitte w\xc3\xa4hle ein Startdatum f\xc3\xbcr die Downtime aus\n  </mat-error>\n</mat-form-field>\n

\n

\n角度 14

\n

\nAngular 15 与 Material MDC 迁移

\n

Answer 1

该按钮位于底层本机输入元素中，但由于某种原因（可能是浏览器兼容性）而隐藏。出于我们的目的，应用程序只需在现代 webkit 浏览器中工作，因此我们可以使用以下全局样式恢复按钮：

.mdc-text-field__input::-webkit-calendar-picker-indicator {
    display: block !important;
}