You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular Material 15中matInput(datetime-local)原生日期时间选择器消失

Angular 15 MDC迁移后datetime-local原生选择器按钮消失问题

我在mat-form-field中使用带matInput的input字段,类型设为datetime-local。在Angular 14里,这个字段会显示原生的日期时间选择器按钮,但升级到Angular 15并完成Material MDC迁移后,该选择器按钮不见了。我找不到恢复它的配置项,搜了一圈也没解决办法,希望能继续用这个原生日期时间选择器。

代码示例

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

效果对比

  • Angular 14效果:
    Angular 14 带有原生选择器按钮的datetime-local字段

  • Angular 15(完成MDC迁移)效果:
    Angular 15 原生选择器按钮消失的datetime-local字段

内容的提问来源于stack exchange,提问作者Raphael Ebner

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.03 08:01:00