Question

我在Angular2 / Spring网络应用程序上使用这个日历：

http：// www。 daterangepicker。 COM /

我遇到格式化日期输出的问题。从官方文档中，这是负责格式化日期的对象：

locale.format：“MM / DD / YY”//返回05/13/2017

但是，我对更加用户友好的输出感兴趣。类似于： 2017年5月。

我怎么想这样做？我在哪里可以找到可以在Javascript中格式化我的日期的字母（如PHP中的这样：http://php.net/manual/en/function.date.php）。

非常感谢您的回复。

Answer 1

如果我是你，我可以省去在Javascript中使用日期和下载Moment.js的麻烦。如果您正在使用npm，可以使用

进行安装

npm install moment --save

日期与香草JS一起工作很痛苦所以当下是一个非常强大的库，可让您解析，验证，操纵和显示日期和时间。非常容易。要在Angular2组件中使用它，您只需在下载后将其导入组件中。

import * as moment from 'moment';

然后，您可以使用format()函数格式化输出日期。

let rangePickerValue = new Date(); // example date
moment(rangePickerValue).format('MMMM YYYY'); // May 2017

您可以在时刻的文档中看到有哪种时间和日期输出选项：here。对于考试，MMMM输出完整月份的名称（1月，2月，3月......），同时打印MMM（1月，2月，3月......）。

Answer 2

您可以使用DatePipe

expression | date: format

例如

{{ date | date: "MMMM yyyy" /* your format */ }}

结果：2017年5月