Angular 2/4/5 - 将UTC格式的日期绑定到datepicker

时间:2018-04-11 05:08:23

标签: angular typescript datepicker angular-material

我对Angular和Angular Material非常陌生。

对于我的后端希望它处于zonedDate格式的日期。 (例如:2018-04-11T02:12:04.455Z [UTC])

所以我在上面的格式中获得了价值,这种格式没有绑定到mat-datepicker。

这是html代码:

<mat-form-field class="fx-cell-1" floatLabel="never">
    <input matInput name="myDate" [matDatepicker]="myDate" placeholder="Date of Expense"
    [(ngModel)]="myDate" #myDate="ngModel" [max]="maxDate" required >
    <mat-datepicker-toggle matSuffix [for]="myDate"></mat-datepicker-toggle>
    <mat-datepicker #myDate></mat-datepicker>
</mat-form-field>

所以这里ngModel没有绑定到datepicker的值。

经过一番观察,我意识到:

值为“ 2018-04-11T02:12:04.455Z [UTC] ”的日期绑定到日期选择器。

值为“ 2018-04-02T14:00Z [UTC] ”的日期与日期选择器无约束

任何建议???

1 个答案:

答案 0 :(得分:1)

所以,基本上,您可以使用javascript函数转换为ISOString()来转换此日期。

或仅创建新的Date()对象。

在我的情况下,日期转换为某种错误的格式,因此收到错误。