Question

我在.ts文件中有这个：

 this.newDate = '18.06.2009';

在我的HTML中我有这个：

  <h5 class="datetime">{{ newDate | date: 'dd MMMM yyyy'}}</h5>

有什么建议这有什么问题吗？我怎样才能解决这个问题，以便我得到：

1 June 2009

Answer 1

您设置的日期不正确，就像字符串一样，它应该是date个实例，而且管道参数应该是'dd MMM yyyy'而不是'dd MMMM yyyy'

newDate = new Date();

{{ newDate | date: 'dd MMM yyyy'}} // MMM instead of MMMM

Answer 2

date pipe需要时间戳（数字）或Date实例，并且您正在发送字符串作为输入。您可以使用以下内容创建日期对象：

this.newDate = new Date('06.01.2009')

然后它将正常工作。有关如何使用日期的更多信息，请查看the docs。