如何将 Momentjs 与 React 一起使用

Question

您好，我需要将时间戳转换为 Minutes/Hours/Days 之前的格式。我正在使用 moment 。但是因为这些是 j-query 插件所以我在反应中执行它时感到挑战。

我经常听说不建议将 j-query 与 react.Or 一起使用，有没有其他方法可以在不使用 j-query

的情况下解决问题

Answer 1

在 React 中使用 moment.js。

1) 安装 moment.js 包 npm install moment --save

2) 在你的 React 组件中导入 moment

import moment from 'moment'

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

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

您可以将时间戳转换为 Date，如 this answer 和 Moment.Js 中所述。由于您没有时区调整，您可以简单地转换它，如下所示。

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

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

how to use Momentjs with react