React中的AngularJS日期过滤器

Mag*_*ged 5 date-formatting angularjs reactjs datefilter

AngularJS中,可以使用日期过滤器以各种格式显示日期时间字符串:

<p>Date: {{ "2017-02-10T12:10:00.000Z" | date : "fullDate" }}</p>
Run Code Online (Sandbox Code Playgroud)

这将呈现:

Date: Friday, February 10, 2017
Run Code Online (Sandbox Code Playgroud)

React中有这样的日期过滤器吗?

Shu*_*tri 7

您可以使用npm包moment来实现您想要的效果.

安装如下:

npm install --save moment
Run Code Online (Sandbox Code Playgroud)

然后在您的React组件中导入,如:

import moment from 'moment';
Run Code Online (Sandbox Code Playgroud)

您可以像以下一样使用它:

const date = new Date();
const formattedDate = moment(date).format('DD-MMM-YY HH:mm:ss');
Run Code Online (Sandbox Code Playgroud)

文件