如何将我的 HTML5 日期时间本地输入字段设置为 Angular 中的当前本地日期时间？

Question

我在这里浏览了一些旧问题，但其中大部分是关于 Angular 2 beta/RC 版本的，它们没有附带日期管道。

我从 2015 年 12 月开始与 THIS answer 联系更紧密，它提出了以下解决方案：

<input type="datetime-local" [ngModel]="datetime" (ngModelChange)="datetime = $event" name="datetime">

constructor() {
    this.datetime = new Date().toISOString().slice(0, 16);
}

这几乎可以正常工作，因为它将当前日期时间输出为：02-06-2017 05:02 AM，其中日期正确但时间不正确。这里的本地日期时间是02-06-2017 10:48 AM。

我没有在 Angular 的任何地方配置默认时区。我需要这样做还是有更好的解决方案来解决这个问题？另外，也许可以实现内置的date pipe，但我不确定如何实现。

Answer 1

这是一个plnkr 演示

要显示当前的本地日期时间，您只需创建一个类似 ISO 的字符串，如下所示：

this.datetime = this.datetime.getFullYear() + '-' + 
("0" + (this.datetime.getMonth() + 1)).slice(-2) 
+ '-' + ("0" + this.datetime.getDate()).slice(-2) 
+ 'T' + this.datetime.getHours() + ':' + this.datetime.getMinutes();

如果您有任何问题，请随时发表评论并告诉我。