日期管道是用Angular格式化日期的最方便的方法。然而,通常情况下,我们需要在整个应用程序中使用一致的日期格式,这意味着每次使用日期管道时都必须传递自定义格式:
<<跨度class="hljs-name">跨度跨度>>跨度>今天是{{今天|日期:'月/日/日'}}<跨度class="hljs-tag"><跨度class="hljs-name">跨度跨度>>跨度>
代码语言:跨度><跨度class="shcb-language__name">HTML、XML跨度><跨度class="shcb-language__paren">(跨度><跨度class="shcb-language__slug">xml跨度><跨度class="shcb-language__paren">)跨度>
当然,我们可以将该格式存储在一个常量中,并在每次使用管道时重用该常量,但这不是很方便。
幸运的是,从Angular 15开始,我们现在可以通过配置一个名为DATE_PIPE_DEFAULT_OPTIONS
.
它的工作原理是将以下代码添加到依赖注入配置(数组的供应商
)app.modules.ts
:
代码语言:跨度><跨度class="shcb-language__name">JavaScript跨度><跨度class="shcb-language__paren">(跨度><跨度class="shcb-language__slug">javascript跨度><跨度class="shcb-language__paren">)跨度>提供者:[{<跨度class="hljs-attr">提供跨度>: DATE_PIPE_DEFAULT_OPTIONS,<跨度class="hljs-attr">useValue跨度>:{<跨度class="hljs-attr">dateFormat跨度>:<跨度class="hljs-string">“MM / dd / yy”跨度>}}]
有了这样的配置,我们就可以在没有任何参数的情况下使用管道,并在整个应用程序中自动应用默认格式:
<<跨度class="hljs-name">跨度跨度>>跨度>今天是{{今天|日期}}<跨度class="hljs-tag"><跨度class="hljs-name">跨度跨度>>跨度>
代码语言:跨度><跨度class="shcb-language__name">HTML、XML跨度><跨度class="shcb-language__paren">(跨度><跨度class="shcb-language__slug">xml跨度><跨度class="shcb-language__paren">)跨度>
属性也可以自定义时区时区
相同的属性DatePipeConfig
对象。