javascript - 如何将 axios 获取数据（日期）与今天的日期进行比较并在过期时更改背景颜色？

Question

我正在使用 axios 获取一个 api 数据作为 due_On(2018-08-01T00:00:00)，我需要将该特定日期与今天的日期进行比较，我的目标是更改该特定行的背景颜色，该特定行已过期。

事情是它实际工作，但问题是如果第一个数据是未来日期，它将背景颜色更新为红色，如果第二个数据是以前的日期，它将所有内容更新为绿色。

    const title = this.props.dataItem[this.props.field];
    var today = new Date(),
        date = today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate();

    const style = {
        backgroundColor: title > date ? "red" : "green",
        color: title > date ? "#000": "#fff"
    };

    return (
        <td style={style}>
           {(this.props.dataItem[this.props.field]).toString()}
        </td>
    );

标签： javascriptreactjsaxiosdate-comparison