Question

如何在React中格式化日期？

日期格式为<pubDate>Thu, 22 Mar 2018 14:11:40 GMT</pubDate>。

我只想显示22 Mar 2018。

  render() {
    return (
      <div>
        {this.state.posts.map(function(item, i) {
          return (
            <li key={item.guid}>
              <time className="MediumPost-time">{item.pubDate}</time>
            </li>
          )
        })}
      </div>
    )
  }

被修改 在使用npm install moment --save安装Moment.js之后，我以这种方式成功使用了它：

import React, { Component } from 'react';
import moment from 'moment'

class PrettyDate extends Component {

  render() {
    return (
      <time className="MediumPost-time">{moment(item.pubDate).format('ll')}</time>
    )
  }
}

export default PrettyDate;

Answer 1

依赖于lib的JavaScript解决方案是item.pubDate.split(" ").slice(1, 4).join(" ")，但如果已经安装了moment，则可以考虑使用https://www.globalsign.com/en/ssl-information-center/what-is-an-ssl-certificate/。

如何在React中格式化日期

1 个答案: