Angular 5预填充输入= ISOstring>中的日期

Question

我正在尝试填充出生日期输入：

  <transition mode="out-in">
     <router-view></router-view>
  </transition>

该变量当前设置为<input class="common" id="birthdate" name="birthdate" type="date" [(ngModel)]="account.date_of_birth" />

问题是输入未设置，仅显示Tue Jul 16 1996 20:00:00 GMT-0400 (EDT)

我尝试使用dd/MM/yyyy，value（虽然不起作用，但我也不希望输入时间）

Answer 1

使用日期管道。尝试将您的[ngModel]绑定更改为

在您的.ts文件中，导入DatePipe并尝试以下操作，

import { DatePipe } from '@angular/common';

public birthdate:any;

var datePipe = new DatePipe();
this.birthdate = datePipe.transform(date_of_birth, 'dd/MM/yyyy');

然后您可以在this.birthdate中使用[(ngModel)]

希望这会有所帮助！

Answer 2

1. 您可以内置日期管道。
2. 在组件端使用moment（account.date_of_birth）.format（“ DD / MM / YYYY”）。