使用moment.js或日期管道|angular 9为不同语言设置日期格式

Question

我有一个来自后端响应的日期字段，当我们手动更改浏览器语言时，该字段的格式会发生变化。例如，如果浏览器语言是法语，那么来自后端的响应的日期将类似于23 juin 2021或30 déc. 2020。我必须在UI中格式化为MM/DD/YYYY格式。我的代码将其格式化为MM/DD/YYYY

let momentLocale= moment.locale(this.translateService.currentLang)
schedule.startTime.dateText= moment(schedule.startTime.dateText).format("MM/DD/yyyy")

这不起作用，并且将其设置为无效日期的值设置为schedule.startTime.dateText我如何将日期格式设置为MM/DD/YYYY，其中月份使用不同的语言，并且当浏览器设置语言更改时语言也会更改？moment.js是必需的，还是我可以使用Datepipe？

Answer 1

您需要导入要使用的moment语言环境，并将输入格式传递给moment解析函数：

import 'moment/locale/fr';
...
let momentLocale = moment.locale(this.translateService.currentLang);
schedule.startTime.dateText= moment(schedule.startTime.dateText, "DD MMM YYYY").format("MM/DD/yyyy");