ag-grid：如果接近到期日期，颜色单元格

Question

如果网格上的日期即将到期，即尝试为单元格着色，即 'Survey Exp - 1/1/2020'，我希望当今天的日期是供应商到期后 5 个月时单元格变为红色。请帮忙

        var today = new Date();
        var curr_date = today.getDate();
        var curr_month = today.getMonth() + 1;
        var curr_year = today.getFullYear();
        var todayMan = curr_month + '/' + curr_date + '/' curr_year

        class Bsall extends React.Component {
        constructor(props) {
        super(props) 
        this.state = {
        items: [],
        columnDefs: [

            {headerName: "Supplier Status", field: "supplier_status", sortable: true, filter: true},
            {headerName: "Survey Exp", field: "survey_exp", sortable: true, filter: true, cellStyle: 
            params => {
                if (params.value < todayMan + 5) {
                    return {'background-color': 'red'}}
                }},

Answer 1

要达到预期结果，请使用以下选项使用新日期并将月份与日期

的 getMonth() 进行比较

获取两个日期的年差并乘以 12 转换为月数
((new Date(val).getFullYear() - new Date(todayMan).getFullYear()) * 12)
通过 getMonth() 方法获取两个日期的月份及其差异

new Date(val).getMonth() - new Date(todayMan).getMonth()
将两者结合起来将得到日期之间的月数
检查是否小于5个月并应用样式

if (months < 5) { return {'background-color': 'red'} }

供参考的工作代码示例 - https://codepen.io/nagasai/pen/ZEEowMr?editors=1010

ag-grid：如果接近到期日期，颜色单元格

ag-grid: color cells if nearing expiration date

reactjs

ag-grid-react