Question

我在角度5中有一个反应形式，我编辑了一些数据。要编辑数据，我当然首先从数据库中提取数据并将其显示在我的反应形式中。

数据库返回的日期格式如下：

2017-07-13T23:00:00.000Z

我的HTML代码是：

 <input class="uk-input" type="date" placeholder="Enter Issue Date" formControlName="IssueDate">

我的组件代码是：

this.proposalForm.setValue({

      sector: this.proposal.sector,
      client: this.proposal.client,
      owner: this.proposal.owner,
      IssueDate: this.proposal.IssueDate,

  });

填充了所有文本字段，但date字段仍为空。我做错了什么？

Answer 1

输入type="date"仅支持YYYY-MM-DD格式。您可以this.proposal.IssueDate.substr(0,10)或this.proposal.IssueDate.split('T')[0]

var somedate = "2017-07-13T23:00:00.000Z";

my_date.value = somedate.substr(0,10);

<input type="date" id="my_date"/>

Angular 5 Reactive Forms - 从DB返回的问题设置日期

1 个答案: