【问题标题】:how to use Momentjs with react [closed]如何在反应中使用 Momentjs [关闭]
【发布时间】:2019-09-04 05:30:56
【问题描述】:

您好,我需要将时间戳转换为分钟/小时/天前。我正在使用时刻。但由于这些是 j-query 插件,所以我在反应中执行它时感到挑战。

经常听说不建议用j-query配合react。或者有没有其他不使用j-query的方式来整理

【问题讨论】:

  • 这个问题对于那些不想在 react 中添加 j-query 插件的人来说是有益的。我也搜索了 moment 官方文档,但是没有关于如何使用时间戳的明确示例.

标签: reactjs momentjs livestamp.js


【解决方案1】:

在反应中使用moment.js

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

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

import moment from 'moment'

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

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

如果您想仅使用几天前的值,可以使用 from 方法

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

使用 react-moment

如果您使用react-moment,则使用Moment 组件,如下所示:

import Moment from "react-moment";

然后如下使用

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

【讨论】:

  • 从“反应时刻”导入时刻;我进口的东西对吗?
  • 50 年前回归了
  • 1567485137 是秒还是毫秒?
  • 秒数。
  • 预期输出应该是什么?
【解决方案2】:

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

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

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

【讨论】:

    猜你喜欢
    • 2018-08-14
    • 1970-01-01
    • 2020-12-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-08-23
    相关资源
    最近更新 更多