使用React-Moment,(moment.js)如何获取日期格式:Mon Apr 19 1976 09:59:00 from my format 2017-08-07 08:42:08?

时间:2017-08-18 10:50:40

标签: reactjs

我尝试将日期格式 2017-08-07 08:42:08 转换为使用Mon Apr 19 1976 0:59:00库格式化 react-moment

我浏览了[https://www.npmjs.com/package/react-moment][1]的文档并尝试了类似的示例,但没有任何内容符合我的需要。

我能做到:

<Moment fromNow>{datetime}</Moment>

产生格式:

  

在10天内

但是

<Moment unix>{datetime}</Moment>

产量

  

日期无效

<Moment parse="YYYY-MM-DD HH:mm:ss">
    {datetime}
</Moment>

收益率:Mon Aug 07 2017 08:47:47 GMT+0545。我不会在最后没有时区价值。此输入中此日期格式的正确参数是什么?

3 个答案:

答案 0 :(得分:0)

  

Moment可以解析大多数标准日期格式。使用parse属性告诉我们在非标准时如何解析给定日期。

https://github.com/headzoo/react-moment#parsing-dates

您可以以任何您想要的格式设置输出。 Check out the table of possible tokens。选择所需的标记并在格式属性上设置它们。以下是一些例子:

<Moment
  format="YYYY-M-D H:m:s"
  parse="YYYY-MM-DD HH:mm:ss"
>2017-08-18 11:01:21</Moment>

通过本地化:

<Moment
  format="LL LT"
  parse="YYYY-MM-DD HH:mm:ss"
>2017-08-18 11:01:21</Moment>

从现在开始:

<Moment
  fromNow
  parse="YYYY-MM-DD HH:mm:ss"
>2017-08-18 11:01:21</Moment>

Sandbox example

答案 1 :(得分:0)

根据您想要的documentation in npm默认格式。因为js的默认格式,如w3schools

中所述
<Moment format="Here desire format">{datetime}</Moment>

*可选:请尝试按照链接中的说明安装moment-timezone。

答案 2 :(得分:0)

我在这里使用了momentjs库

code

output