问题标签 [date-pipe]

我在我的 Angular 2 应用程序中使用 Angular 的日期管道，以便以更人性化的格式格式化日期。我能够从 API 中提取日期，并成功编辑这些日期并将其保存到 API。但是，我遇到了日期管道错误地转换日期的问题 - 就实际显示的内容而言。

澄清一下，如果我将原始日期打印到屏幕上，那是正确的。当我编辑通过日期管道传递的值时，会保存正确的日期。但是，在我进行编辑之后，转换后的日期值再次发生变化（不是根据保存的内容，只是根据视图中显示的内容）——它最终会稍微偏离，通常是一天左右. 因此，如果我将值编辑为 09/25/2010，它将保存到数据库中，但视图中显示的是 09/24/2010。所以看起来可能是某种默认时区导致了问题？

这是我的视图代码的样子（我将首先列出通过日期管道传递的日期值，然后列出相同的值，但不通过日期管道传递）dob - 出生日期：

这就是上面代码最终打印到屏幕上的内容：

所以你会注意到转换后的值相差了一天。我可以在此处添加什么以确保在通过日期管道后将正确的转换值打印到屏幕上？

我只是做了一个简单的视图，我可以更改一个月：

然后在我的 .ts 中：

但它不会刷新日期 - 我通过创建一个在 ts 中使用 DatePipe 的方法 getDate() 使其工作（请看下面的代码）并返回一个字符串，但想知道为什么第一种情况不起作用以及是否存在是一种让它工作的方法......？：s

有效的代码：

.ts：

我正在使用日期管道在前端向用户显示记录日期。后端获取来自数据库的日期，通过休息我将其从服务器获取到前端。我在那里使用：

问题是，这一次是我不想要的我自己的时区女巫。我需要它与我从服务器获得的日期完全相同。

PS。我不能使用这样的东西：

因为日期来自多个对象，所以我真的很想修改管道，而不是对象或其数据。

我有一个today使用日期管道的 Angular 日期变量，如下所示：

2月13日

但是，我想让它看起来像这样：

2月至今13天

当我尝试一种天真的方法时，我得到了这个结果：

13 13PM201818 18o fPMr 二月

这是因为，例如d指天。

如何在 Angular 日期管道中转义这些字符？我试过\d了，但结果并没有随着添加的反斜杠而改变。

我想知道如何格式化文本并使日期时间字符串的某些部分变为粗体？

例如，我想制作我当前的日期时间格式，如下所示： 02/19/2018 16:00 CST 到 02/19/2018 16:00 CST。

这是生成当前日期时间格式的代码。

<td{{ visit['end_dte'] | date:'MM/dd/yyyy HH:mm Z'}}</td>

我尝试过这样做<td{{ visit['end_dte'] | date:'MM/dd/yyyy <b>HH:mm Z</b>'}}</td>，但它使管道被表示为文本而不是加粗时间。

我尝试使用 DatePipe 格式化从 REST API 获得的日期值。REST API 中日期字符串的格式如下：Wed Mar 28 12:20:11 IST 2018。

当字符串中的时区为 UTC、EST 等时，它可以正常工作。但是，如果时区字符串是 IST、CET 或其他时区，则会导致以下错误。

此处提供了示例复制器：https ://plnkr.co/edit/UPNJG9ejpYdkYQivq3cj?p=preview 。我尝试如下创建一个 DatePipe 实例，但它不起作用。

有人可以告诉我如何添加对 DatePipe 中默认不支持的时区的支持。

提前致谢。

所以我有一个组件，我需要显示从端点接收到的日期，但我相信这些日期存储在 UTC 中。所以我一直在尝试使用 DatePipe 以更好的格式显示日期，但我还需要时区来匹配当前用户的时区。

我希望能够做这样的事情：

但我相信这是不可能的，而且我也认为Date.getTimezoneOffset()没有给我正确的格式，因为 DatePipe 期望像'+0900'. 有没有人遇到过类似的事情？

我的角度应用程序中有两个日期输入字段（fromDate 和 toDate）。我还有 3 个按钮“昨天”、“上周”、“上个月”。用户可以选择“从”和“到”日期，也可以按其中一个按钮。

单击按钮后，必须正确填写从和到日期字段。我已将 ngModel 指令应用于这两个日期输入字段。这是我的 HTML

现在，当按下按钮时，我不确定如何填写日期字段。例如，当我按下昨天按钮时，我希望我的昨天日期过滤器（）函数能够适当地更改从日期和到日期。这是我昨天DateFilter() 的代码

我正在使用角度日期管道将日期转换为合适的格式

从“@angular/common”导入 { DatePipe }；

现在，当我单击昨天按钮时，起始日期字段保持不变，但输入字段旁边的 fromDate 值（模板中的 {{fromDate}} ）以这种格式显示

2018 年 4 月 5 日星期四 05:30:00 GMT+0530 (IST)

我一直在尝试不同的方法来实现所需的功能，但一直没有找到方法。帮助？谢谢你。

我已经阅读了许多与此问题相关的问题。但是，大多数解决方案都包括添加第三方库，如果可能的话，我真的很想保持简单。

基本上，我正在使用 Angular 4 并试图以一种很好的方式向用户显示日期。这是我如何从 API 获取日期的示例：

我正在使用 Angular 的默认 DatePipe 以一种很好的方式显示它：

每个浏览器（Edge、Mozilla 和 Chrome）都能正确显示（下午 6 点）。唯一的问题是 iPhone 用户。Safari 显示（下午 3 点）。我住在巴西，我的用户将永远来自巴西 (GMT -3)

有没有不使用任何第三方库的简单方法来解决这个问题？

任何帮助将不胜感激。

我正在使用 angular 4 应用程序，在这里我需要获取当前的Date and Time Usingangular DatePipe。

我想按以下格式获取日期和时间

dd-mm-yyyy hh:MM:ss AM/PM

我通过使用 Angular DatePipe 得到了预期，如下所示

输出 ：

在这里，我想要做的是从我的 app.component.ts 获得相同的输出，而无需触及 HTML

所以我尝试了下面的代码，但它生成了一个 13 位的时间戳

那么如何在不使用 HTML 的情况下完全从 app.component.ts 文件中获取上述格式的日期和时间。