用angular2矩格式化日期

Question

当使用来自amTimeAgo的天使2-矩管道时，我会得到以下错误。

弃用警告:提供的值不是以公认的RFC2822或ISO格式提供的。 构造回到js Date()，而js Date()并不是所有浏览器和版本都可靠的。 非ISO 2822/ISO日期格式是不鼓励的，并将在即将发布的主要版本中删除。 请参考http://momentjs.com/guides/#/warnings/js-date/获得更多信息。 论据：_isAMomentObject: true，_isUTC: false，_useUTC: false，_l: undefined，_i: 21-03-2017，_f: undefined，_strict: undefined，_locale: Object object

此外，管道是打印Invalid date。

我用它是这样的：<span class="date-created"> {{ job.createdAt | amTimeAgo }} </span>

job.createdAt的值是string格式：22-03-2017。

我知道格式有问题，但不知道如何将自定义格式('DD-MM-YYYY')传递给管道，以便moment包和这个角库能够识别它。

有什么想法吗？

Answer 1

如何创建一个新的矩对象将其传递到管道中，例如：

let newMomentObj = moment(job.createdAt, 'DD-MM-YYYY'); 

在html文件中：

<span class="date-created"> {{ newMomentObj | amTimeAgo }} </span>

Answer 2

我想，字符串没有被正确转换为日期。您可以尝试以下两个选项：

{{job.createdAt |  date:'MM/dd/yyyy' | amTimeAgo }}

或将类型记录文件中的字符串转换为：

let newDate = new Date(job.createdAt);

Answer 3

从版本1.4.0 amParse管道中引入的angular2矩：

将自定义格式的日期解析为可以与其他管道一起使用的矩对象。

在您的情况下，您可以执行如下操作：

<span class="date-created"> {{ job.createdAt | amParse:'DD-MM-YYYY' | amTimeAgo }} </span>

这样，您就可以在视图中直接解析日期字符串。