javascript - 在 reactjs 组件中将日期格式化为 long

Question

我有这样一个组件

var Post = React.createClass({


render: function () {
    return (
      <li key={ this.props.message.uid }>
        <div className="avatar">
          <img src={ this.props.message.user.avatar } className="img-circle"/>
        </div>
        <div className="messages">
          <p>{ this.props.message.content }</p>
          <span className="date">{ "@"+this.props.message.user.login + " • " }</span>
          <span className="date timeago" title={ this.props.message.createdAt }>
            { this.props.message.createdAt }
          </span>
        </div>
      </li>
      )
  }
});

原来 createdAt 是一个像 1451589259845 这样的字符串，我想格式化日期。我怎样才能在 ReactJS 上做到这一点？我尝试将 new Date() 放在括号内，但出现错误。

Answer 1

在开始返回之前，只需按照通常的方式在 JS 中执行此操作，然后将其模板化为:

render: function() {
  var cts = this.props.message.createdAt,
      cdate = (new Date(cts)).toString();
  return (
    ...
    <span ...>{ cdate }</span>
    ...
  );
}

还有很多方法可以进行字符串格式化，Date 内置了很多方法(比如 toLocaleString 或 toUTCString)，或者你可以使用专用格式化程序，如 moment.js