Angular 2 和 Express 日期格式 MongoDB

Question

我在 mongodb 中使用 angular 2 和 expressjs，我正在检索这种日期格式：2016-06-02T14:20:27.062Z 但我需要显示：06 /02/2016 14:20:27

快递：

模型/user.js：

var userSchema = Schema({
// attributes
}, { timestamps: true });

路由/user.js：

router.route('/:id').get((req, res) => {
  User.findById(req.params.id, (err, user) => {
    if (err) res.send(err)
    res.json(user)
  });
});

Angular 2：

user.service.ts:

getUser(id: number) {
   return this.authHttp.get(this.url + '/' + id)
            .map(this.extractData)
            .catch(this.handleError);
}

user.component.ts:

user: any;
getUser(id: number) {
 this.userService.getUser(id).subscribe(
  user => this.user = user,
  error => this.errorMessage = error
 )
}

user.component.html:

{{ user.createdAt }} // appearing 2016-06-02T14:20:27.062Z but I need: 06/02/2016 14:20:27

有人知道我该如何处理吗？

Answer 1

我使用 moment.js (http://momentjs.com) 进行所有日期格式

user.component.ts:

formattedDate(date) {
    return moment(date).format("DD/MM/YYYY HH:mm:ss")
}

user.component.html:

{{ formattedDate(user.createdAt) }}

Answer 2

使用 Angular2，您可以指定日期格式 DatePipe。

模板代码：

{{ user.createdA | date:'MM dd yy HH:mm:ss' }}   // output is '06/02/2016, 14:20:27'

在这里，您有一个plunker，该解决方案正在运行。

注意：此管道使用国际化 API。因此它只在 Chrome 和 Opera 浏览器中可靠。

Answer 3

我通过更改@YosvelQuintero 的答案得到它：

user.component.html:

{{ stringAsDate(user.createdAt) | date:'dd MM yy HH:mm:ss' }}

user.component.ts:

stringAsDate(dateStr: string) {
  return new Date(dateStr);
}

问题参考： https://github.com/angular/angular/issues/6336