angular - 如何不在 Angular DatePipe 月份缩写中显示句点

Question

我在应用程序的日期字段上使用日期管道。例如，如果日期是 2019 年 1 月 2 日，我希望它显示“2019 年 1 月”。目前，它显示“Jan. 2019”它在三个字母的缩写后添加了一个句点。

我当前在 Angular 花括号内的表达式是:

{{ currentReportDate | date: 'MMM yyyy' }}

根据 DatePipe documentation它应该已经在没有缩写句点的情况下显示。

我在 app.module 文件中的提供者如下所示:

 providers: [
    ConfigService,
    AuthGuard,
    { provide: APP_BASE_HREF, useValue: "" },
    { provide: LOCALE_ID, useValue: "en-AU" },
    { provide: "BASE_URL", useFactory: getBaseUrl },
    { provide: MAT_DATE_LOCALE, useValue: "en-AU" },
    { provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },
    { provide: MAT_DATE_FORMATS, useValue: MAT_MOMENT_DATE_FORMATS },
    { provide: HAMMER_GESTURE_CONFIG, useClass: GestureConfig },
    UserService
  ],

知道如何才能摆脱经期吗？

Answer 1

根据 en-AU 的 Angular 语言环境定义，它似乎显示了短月份 Source Code LINK

export default [

    'en-AU', 
        ...

        ['Jan.', 'Feb.', 'Mar.', 'Apr.', 'May', 'Jun.', 'Jul.', 'Aug.', 'Sep.', 'Oct.', 'Nov.', 'Dec.']***,

        ...
]

看来 en-AU 的语言环境短月格式有点不同(没有句点):

export default moment.defineLocale('en-au', {
    ...
    monthsShort : 'Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec'.split('_'),
    ...
});

所以也许您可以利用 moment 为您设置日期格式；可能利用这个moment.js pipes for Angular包。