问题标签 [date-pipe]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
248 浏览

angular - 扩展预定义的 Angular 日期管道格式,仅使用月份和年份本地化格式(例如,“en”为 05/2020,“de”语言环境为 05.2020)

我需要扩展预定义的角度日期管道格式列表(您可以在此处查看),其格式仅包含月份和年份,例如 05/2020 表示“en”或 05.2020 表示“de”,必须本地化。有没有正确的方法来做到这一点?我知道可以创建自己的管道并使用一些需要的格式进行扩展,但是当我指示格式时,例如“MM/yyyy”,它将使用该格式为每个语言环境格式化每个日期,但我需要将其本地化,所以我需要将我的自定义格式添加到已经存在的功能中。

我有一个想法用moment.js而不是使用角度日期管道,另一个想法是从已经本地化的字符串中手动删除日期(我同意非常愚蠢的想法),但我已经没有想法了实际上。

有什么简单的方法吗?还是必须在这里定义其他方法?

0 投票
2 回答
527 浏览

angular - Angular - DatePipe 无法识别日期格式

在我的Angular应用程序中,我必须以 ' MM/dd/yyyy' 格式显示日期。Web API 以“ 2020-12-01T00:00:00”格式返回日期。

当我使用下面的代码行时,DatePipe无法识别日期,但如果我手动将日期修改为“ 2020-12-01T00:00:00.000Z”,则DatePipe转换为预期的“ MM/dd/yyyy”格式。

第一个不工作,第二个工作。但我的 API 以第一种格式返回数据。

有人可以帮我使用 Typescript 将日期从第一种格式更改为第二种格式吗?

0 投票
1 回答
1423 浏览

php - 来自 PHP InvalidPipeArgument 的角度和日期:'无法将“[object Object]”转换为管道'DatePipe'的日期'

我有用 Angular 9 编写的应用程序和用 PHP 编写的 api。从 PHP 中的控制器,我返回具有属性 finishDate 的对象列表。在 PHP 中,finishDate 分配给 DateTime:

TypeScript 中的 TimeSheetsOrderDTO:

在 TypeScript (Angular) 中,我看到来自控制器的数据如下:

我想finishDate用html显示。当我有这样的代码时:

我懂了: 像对象对象一样的日期

当我这样写时:

我得到错误:

0 投票
1 回答
980 浏览

angular - 当 OnInit 中的语言更改时, translateService.onLangChange.subscribe 不会触发

所以我在一个组件中有 translateService.onLangChange.subscribe ,它工作正常,但是一个单独的服务是它会订阅 langChange 并为我设置一个 localeDate 。但是当我更改语言时,它不会注册它并且什么也不做。

每次语言更改时,我都希望我的组件从 getLocaleDateFormat() 获取该值,而无需

在我的组件中。我尝试订阅它,但得到一个错误,它不是一个函数。

这是我尝试过的:

我基本上希望它能够监听 getLocaleDateFormat 并在它改变时改变它的值。

更新:我刚刚意识到问题出在 OnInit 中,这并没有触发 lang 更改。LangChange 在函数中的服务内部触发,但在 OnInit 中不触发

0 投票
1 回答
132 浏览

angular - 如何将时区附加到 Datepipe 的转换函数?

我想使用 angular 将 UTC 时间转换为特定时区DatePipe

在不附加时区的情况下,transform方法将 UTC 转换为我不想要的本地时间。这是代码。

上面的代码给出了输出11:33 AM。这是当地时间。相反,我想获得特定时区的时间,例如UAE - Dubai时间。

这个怎么做?

0 投票
1 回答
664 浏览

angular - 如何在材料日期选择器中使用 Angular Date Pipe?

我是 Angular 的新手,我想为我的日期选择器格式化我的输入值,但我不知道怎么做。我想做这样的事情:

0 投票
0 回答
61 浏览

angular - Angular 十进制管道语言环境依赖于浏览器

我在我的 Angular 应用程序中使用 DecimalPipe 来显示数字,但问题是十进制管道的默认语言环境是“en-us”。因此,一百万的数字被格式化为

1,000,000. 然而,我是欧洲人,我希望它是1 000 000。简单地硬编码十进制管道中的语言环境不是一种选择,因为我确实希望美国人在他们的语言环境中显示它,而欧洲人在我们的语言环境中显示它。

一些解决方案建议使用LOCALE_ID. 例如

即使我的浏览器在荷兰语中排在第一位(未指定国家/地区),在英语中排在第二位(也未指定国家/地区),默认为“en-us”。建议的其他一些解决方案

但话又说回来,这是硬编码的,我需要它依赖于浏览器。另一种解决方案是通过请求用户的语言,Navigator.language但这通常只是一种语言,没有国家,也没有语言环境。

当找不到任何地方时,我如何请求语言环境并回退例如“en-us”?

0 投票
0 回答
67 浏览

angular - 服务器中的Angular DatePipe格式不正确

我正在尝试将我的日期值格式化为M/d/yy使用 Angular 日期管道。它在 localhost 中运行良好,但是何时在远程服务器上部署 - 日期管道设置了不正确的格式 - YYYY-MM-DD HH-MM.

那里有我的代码:

有人可以帮我弄这个吗?

0 投票
1 回答
106 浏览

angular - Angular中的自定义GMT格式日期管道

我正在使用角度默认日期管道来格式化我的日期,使用此代码。

{{'27-04-2021 08:30:00' | utcDate | date: 'EE, d MMMM OOOO'}}

结果是Tue, 27 April GMT+05:30

我必须将结果显示为Tue, 27 April GMT+5:30

我必须将 GMT 格式从XX:XX to X:XX.

谢谢。

0 投票
3 回答
60 浏览

angular - Angular DatePipe 显示来自 API 的新日期数据

我认为这个问题之前已经问过很多次了。我已经在我的角度项目中实现了 DatePipe,格式正确,只是它显示了当前日期,这不是我想要的,也不是我从休息服务收到的日期。我从 REST 服务 (createdOn) 中得到一个过去的日期。这是我的代码:

TS

后有效载荷

}

HTML

这会导致我获得当前日期或今天的日期,我的问题是如何格式化从我的休息 Api 服务调用中收到的 this.post.createdOn 的日期。当我不使用 DatePipe 时,它​​会显示正确的日期,但我不想要这种默认的完整样式日期格式。

邮政服务