如何使用 HTML 输入 "time" 和 Angular FormGroup?

How to use HTML input "time" with Angular FormGroup?

我只想允许用户在我的日期时间表单字段中编辑时间,但是当用户提交表单时,值是 null

<form [formGroup]="activityForm" (ngSubmit)="onSubmit()">
    <mat-form-field>
        <input matInput type="time" formControlName="dateTo">
    </mat-form-field>
</form>

我发现这在输入类型设置为“文本”时有效,但“时间”有些无效。

我对 12h 格式感到困惑,这是默认的。认为最后两位数字应该是秒而不是 AM/PM,这就是为什么我得到 null.

Firefox 不支持 input=timelink

感谢@Meqwz 提供示例:

  • 火狐 96.0 form field example
  • 铬 form field example