Html 角度材料和输入类型'；时间'；，价值属性与ngModel

我正在尝试将传入日期对象拆分为两个单独的mat form字段

首先，我创建DatePicker并为其提供正确的默认值：

<mat-form-field>
    <mat-label>Datum laden: </mat-label>
    <input matInput [matDatepicker]="loadPicker" placeholder="Choose a date" [(ngModel)]="data.mission.loadDate">
    <mat-datepicker-toggle matSuffix [for]="loadPicker"></mat-datepicker-toggle>
    <mat-datepicker #loadPicker></mat-datepicker>
</mat-form-field>

非工作版本：

<mat-form-field>
    <mat-label>Tijd laden: </mat-label>
    <input matInput type="time" [(ngModel)]="test">
</mat-form-field>

<mat-form-field>
            <mat-label>Tijd laden: </mat-label>
            <input matInput type="time" value=`${data.mission.loadDate.getHours()}:${data.mission.loadDate.getMinutes()}`>
</mat-form-field>

提吉德·拉登：

---

考虑type=“time”由浏览器处理。我假设这两种方法都可以使用。

实际上

value

是一个HTML属性，对于与HTML属性的绑定，您需要使用表达式绑定。虽然

[value]

是一个不需要表达式绑定的DOM属性，但在另一方面，您不需要使用getHours和getMinutes。您可以使用angular提供的日期过滤器。只要看看这个

实际上简单的

value

是一个html输入属性，对于

value

中的绑定，您需要使用表达式

value='{{value}}'

。或者你也可以使用

[value]='value'

。你能把这个翻译成我的实际例子吗。通常只做后端，所以我不在不同绑定的世界中。从上面看，似乎您希望日期采用

HH:mm

格式？你不能使用datepipe吗？我之所以使用这种格式，唯一的原因是因为value参数希望使用这种格式。使用此选项，它将起作用，值属性

Tijd:

<mat-form-field>
            <mat-label>Tijd laden: </mat-label>
            <input matInput type="time" value=`${data.mission.loadDate.getHours()}:${data.mission.loadDate.getMinutes()}`>
</mat-form-field>