Reactjs - 最新日期选择

时间:2017-07-28 07:48:18

标签: reactjs

显示日期数组。我必须选择最新的日期过时数组。请建议我如何获得最新日期。

class SearchResultsItem extends React.Component {
    render() {
        return (
            <tr onClick={ this.handleOpen } style={{fontsize: '10',cursor: 'pointer'}}>
                <td>{ this.props.item.number }</td>
                <td>{ this.props.item.name }</td>
                <td>{ this.props.item.buyer_name }</td>
                <td>{ this.props.item.order_date ? <Moment format="DD-MMM-YYYY">{ this.props.item.order_date }</Moment> : null }</td>
                </tr>

                <div className="col-sm-3">
                            <input name="date" disabled={ this.state.mode } type="date" value={ this.state.item.date } className="form-control" onChange={ this.handleInputChange } />
            </div>
        );
    }

1 个答案:

答案 0 :(得分:0)

这是您可能想要尝试的解决方案,它基本上只是将给定的字符串数组转换为日期对象并进行比较。

    var dates = ["2009-09-09", "2017-16-07", "2001-29-01"];
    var latest = dates[0];
    for(var i = 1; i < dates.length; i++) {
      if (formatToDate(dates[i]) > formatToDate(latest))
        latest = dates[i];
    }

   alert(latest);

    function formatToDate(dateString) {
      var d = new Date();
      dateString = dateString.split('-');
      d.setFullYear(dateString[0]);
      d.setMonth(dateString[1]);
      d.setDate(dateString[2]);
      return d;
    }

原始回答为here