如何将Momentjs与react一起使用

Question

嗨，我需要将时间戳转换为分钟/小时/天数。我正在使用moment。但是由于这些是j-query插件，因此我在执行React时遇到了挑战。

我经常听说不建议将J-query与react一起使用。或者是否有其他方法可以在不使用j-query的情况下进行整理

Answer 1

要在反应中使用moment.js。

1）安装moment.js软件包npm install moment --save

2）在您的React组件中导入moment

import moment from 'moment'

使用new Date(1567485137)将时间戳转换为日期（毫秒），并使用js时刻的fromNow方法。

moment(new Date(timestamp in milisecond).fromNow()

如果您想将值设为几天前，则可以使用from方法

moment(new Date(timestamp in milisecond)).from(new Date())

使用反应时间

如果您使用的是react-moment，请使用Moment组件，如下所示：

import Moment from "react-moment";

然后按以下方式使用

<Moment fromNow date={new Date(timestamp in milisecond).toJSON()} />

Answer 2

您可以按照this answer中的说明使用Moment.Js将时间戳转换为Date。由于您没有进行时区调整，因此您可以按如下所示进行转换。

var t = new Date( 1370001284000 );
var formatted = t.format("dd.mm.yyyy hh:MM:ss");

转换后，您可以使用Moment.Js通过calculatedDate.FromNow()方法找到差异。