Как сравнить данные (дату) с текущей датой и изменить цвет фона, если он просрочен? - PullRequest
Новая
       39

Как сравнить данные (дату) с текущей датой и изменить цвет фона, если он просрочен?

0 голосов
/ 15 октября 2019

Я получаю данные API в формате due_On (2018-08-01T00: 00: 00), используя axios, и мне нужно сравнить эту конкретную дату с текущей датой, и моя цель состоит в том, чтобы изменить цвет фона этой конкретной строки,просрочено.

Дело в том, что оно действительно работает, но проблема в том, что если первые данные - это будущие даты, цвет фона обновляется как красный, а если вторые данные - предыдущая дата, он обновляет все до зеленого цвета. 

    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>
    );
...