问题标签 [date-pipe]

我有一个日期字符串，像这样1987-06-15T00:00:00.000Z，当我在其上添加日期管道时，日期显示的日期与Jun 14, 1987美国时区不同，但在印度，它显示正确。

我正在尝试DatePipe在 Angular 2 中使用。我希望输出日期的格式为：08/23/2017 at 11:07 AM。

但是，我想不出at在我的日期格式中包含文本的正确方法。

当我这样指定格式时：{{my_date | date:'MM/dd/yyyy at hh:mm a'}}

我得到：08/23/2017 AMt 11:07 AM。

我尝试用引号将文本括起来：{{my_date | date:'MM/dd/yyyy "at" hh:mm a'}}

但这只是在输出中添加了引号：08/23/2017 "AMt" 11:07 AM.

这样做的唯一方法是将其分成两个独立的管道，格式的两侧像{{my_date | date: 'MM/dd/yyyy}} at {{my_date | date: 'hh:mm a'}}？

或者有没有办法逃避ainat以便它显示文本at而不是AMt？

如何使用 Pipe 在 ionic 2 中将月份转换为字符串？给出以下示例数据：

在我的 .ts 文件中

在我的 .html 文件中

样本输出将是

预期输出将是

我怎样才能达到预期的输出？

在 Angular2 中，我们可以使用 DatePipe 使用 typescript 格式化日期：

新 DatePipe(navigator.language || 'en-US').transform(mydate, 'medium')

但是，我想在 HTML 端执行此操作。我读到我可以这样做：

我的日期 | 日期：'中'

但是，这仍然没有考虑本地化，例如，它没有通过语言。如何在我的 HTML 中修改管道的用法，以便我也可以传递语言？

我知道如何将 Angular 的日期管道与典型的字符串插值示例和/或 for 循环一起使用。但是，我遇到的情况与这两种情况都不同——我在 Angular 2 应用程序中创建了一种自定义双向绑定。

这是我的模板代码的样子：

有没有办法可以在这里传递日期管道？我试过这样传递它：

...但这不起作用。它不会引发错误，只是不会修改日期格式。我还尝试将整个表达式括在括号中 - 并且通过错误。

有没有办法可以在视图中传递日期管道，或者我需要以不同的方式处理这个 - 例如作为我组件中函数的一部分？在这里寻找最简单的解决方案。

我的 Angular 2 应用程序中显示了一个日期，该应用程序以不希望的格式打印，如下所示：2012-04-02T00:00:00.000Z

我想做的是使用 Angular 的日期管道来转换这些数据，以便以更人性化的格式打印。有没有办法可以在我使用双向绑定的输入上使用日期管道？换句话说，我可以在看起来像这样的代码上使用日期管道吗？

我已经尝试了各种尝试，但到目前为止一直无法让它发挥作用。因此，我想知道这是否可能。

而且，如果没有，我可以通过纯 JS 处理这个问题的另一种方法是什么？我对任何有效且最容易实施的可能性持开放态度。

我正在尝试改变某些日期在我的 Angular 2 应用程序中的显示方式。就我而言，在视图中使用日期管道和字符串插值不是一种选择，因为我的模板代码如下所示：

一位评论者建议我在将其传递给视图之前尝试处理组件中日期的转换。这是他写的：

您可以在您的组件中执行此操作。

从“@angular/common”导入 { DatePipe }；然后将其添加到组件或 ngModule 中的 providers 数组中。

在您的组件中，您将其注入构造函数中：

constructor(private myDatePipe: DatePipe) {} 并修改您的变量属性：

this.staff.profile.hireDate = this.myDatePipe.transform(新日期(this.staff.profile.hireDate));

这听起来像是完美的解决方案。但是，我仍然不清楚确切的实施。我已经导入DatePipe并在构造函数中定义了一个本地实例。但是下一部分在哪里：

this.staff.profile.hireDate = this.myDatePipe.transform(new Date(this.staff.profile.hireDate));

我尝试将它放在构造函数的主体中，但不行。

所以我仍然有点不清楚这是怎么回事，以及之后是否还需要更改视图中的代码。

任何清晰度将不胜感激。

我正在尝试获取我在 Angular 应用程序中使用的日期管道，以便在输入中的模板中使用它时正确解析。最初，在格式化日期之前，代码如下所示：

我用日期管道得到的最接近的是：

但是打印到视图上的是这个（字面意思是这个）：

现在，您会注意到格式正确的日期在那里（并且日期转换成功发生，使其成为：

但是，我不想要其余的（显然）。我怎样才能在这里修改语法以便只得到要打印的日期？我已经盯着它并尝试了一些调整，但到目前为止还不能让它工作。

我有来自postgres没有时区的 db 的日期值。我希望这个显示在带有时区和语言环境的 angular 2 模板中

我刚刚在角度模板中显示日期，使用{{codeset.created_on}}它将显示如下：

但我想根据时区和语言环境显示当前时间

我在角度模板中尝试如下：

我正在使用 angular2 默认 DatePipe 根据浏览器区域设置/语言格式化日期。

在我的情况下，它总是根据英语格式化日期。

在我的自定义管道中，我使用 DI 在构造函数中创建了 DatePipe 对象。

我通过记录 Locale_ID 记录了当前应用的语言，它被记录为“hi”。