Javascript 如何在React中设置日期格式

如何在React中设置日期格式

日期的格式为2018年3月22日星期四14:11:40 GMT

我只想显示2018年3月22日的

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

一个不依赖库的JavaScript解决方案是
item.pubDate.split（“”）.slice（1,4）.join（“”）
，但如果您已经安装了它，您可能会考虑使用它。
是
Thu，2018年3月22日14:11:40 GMT
字符串还是什么？这与React没有任何关系。实际上，您可以像在JS中一样格式化它。这看起来像一个字符串，所以最简单的方法是使用
moment.js
将该字符串解析为一个日期，然后使用
moment（Date.format（DD-MMM-YYYY）
将其格式化回您想要的格式谢谢，我确实使用了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;