Angular2 日期范围选择器格式日期字符串

Question

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

https://www.npmjs.com/package/ng2-daterangepicker

http : // 万维网。日期范围选择器。 com/

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

locale.format: "MM/DD/YY" // which returns 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

在 vanilla JS 中使用日期是一件很痛苦的事情，所以 moment 是一个非常强大的库，可以让你 "parse, validate, manipulate, and display dates and times" 超级轻松。要在您的 Angular2 组件中使用它，您只需在下载后将其导入到您的组件中。

import * as moment from 'moment';

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

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

你可以在moment的文档中看到有什么样的时间和日期输出选项：here。例如，MMMM 输出完整的月份名称（一月、二月、三月...），而 MMM 输出（一月、二月、三月...）。

Answer 2

你可以使用 DatePipe

expression | date: format

例子

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

结果：2017 年 5 月

Angular2 日期范围选择器格式日期字符串

Angular2 date range picker format date string

calendar

datepicker

daterangepicker

bootstrap-datepicker

angular